月份：2017年3月

IIS无法加载字体文件(*.woff,*.svg)的解决办法

在编写前端代码的过程中经常会遇到使用特定的字体(*.woff,*.svg)，此时在加载字体时请求会被返回

Failed to load resource: the server responded with a status of 404 (Not Found)。

原因是，默认在IIS上是没有添加对*.woff,*.svg文件的Mime类型，因此在客户端请求此类文件时得到的都是404。

所以我们只需要在我们对应网站下的Mime类型中添加文件对应的类型就行了

 

  1. .woff  application/x-font-woff
  2. .woff2 application/x-font-woff
  3. .svg   image/svg+xml

另外在mvc中，设置了上述Mime类型后get请求字体时任然会出现404的问题，这个时候需要在我们的web工程中的config的system.webServer节点中添加如下的代码来支持

Css—display:table-cell的几种应用

TableCell 对象代表一个 HTML 表格单元格。

在一个 HTML 文档中 <td> 标签每出现一次，一个 TableCell 对象就会被创建。

元素两端对齐

XHTML
1
2
3
4
5
6
7
8
<div class="container">
    <div class="container_left">
        <div class="container_box">我是左边的</div>
    </div>
    <div class="container_right">
        <div class="container_box">我是右边的</div>
    </div>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.container{
    display: table;
    border: 1px solid #06c;
    padding: 15px 5px;
    max-width: 1000px;
    margin: 10px auto;
    min-width: 320px;
    width: 100%;
}
.container_box {
    width: 10px;
    height: 10px;
    background:#000;
    text-align: center;
    display: inline-block;
    font-size: 40px;
    line-height: 100px;
}
.container_right {
    text-align: right;
    display: table-cell
}
.container_left {
    text-align: left;
    display: table-cell
}