-
在任何标签中插入图片时，图片会将元素下方撑大三像素（ 有可能是 >3像素 ）
- Hack
- 给
<img>添加声明：display: block; - 给
<img>添加声明vertical-align: top/middle;- 注意：
vertical-align只对行内块有效
- 注意：
- 给
<img>添加浮动，若父元素没有设置高度时要注意塌陷问题 - 给父元素添加
font-size: 0; - 给父元素设置和图片一样的高度
- 给
- Hack
-
当图片 ( 所有的行内元素和行内块元素 ) 横着排的时候，水平之间存在一定的间距
- Hack
- 给他们添加浮动
img{ float: left; } - 将他们写在一行上
<a>标签字体之间的间距：给<a>的父元素添加font-size:0;，再给<a>添加正常的字体大小
- 给他们添加浮动
- Hack
-
图片添加上超链接之后，在IE上有边框
- Hack
- 给
<img>的边框设为0img{ border: 0; } - 可以在重置样式的时候使用
- 给
- Hack
-
表单元素距离顶部间距不一致 ( 不同的浏览器这个间距不一样 )
- Hack
- 给表单元素添加声明
float: left;
- 给表单元素添加声明
- Hack
-
cursor属性的hand属性值只有IE9以下浏览器识别- Hack
- 实现某元素鼠标指针形状为手型用
cursor:pointer; cursor: pointer;是兼容的写法cursor: hand;是不兼容的写法
- 实现某元素鼠标指针形状为手型用
- Hack
-
子元素没设置任何浮动，设置了
margin-top属性后，会错误的把margin-top的属性值添加给父元素- Hack
- 给父元素添加
overflow: hidden; - 给父元素添加上边框
border-top: 1px solid transparent; - 父元素或者子元素浮动
- 给父元素添加
- Hack
-
margin的外边距重叠问题- Hack
- 给其中的一个元素添加父元素，并且添加声明
overflow: hidden;
- 给其中的一个元素添加父元素，并且添加声明
- Hack
-
IE浏览器上的字体与别的浏览器不一样
- Hack
- 在
<body>里面用font-family重置样式
- 在
- Hack
