css问题
font-size:0;
<div class="ms">
<img src="11.png" / >
<img src="22222.jpg" />
</div>
inline-block的元素中间会有一个空格字符,解决方案:
连写:
<img src="11.png" / ><img src="22222.jpg" />
或者:
<div class="ms" style="font-size:0">
<img src="11.png" / >
<img src="22222.jpg" />
</div>
baseline
默认baseline对齐,input这种替换元素baseline不是在元素底部,使用vertical-align:top或者bottom解决。
此外使用overflow:hidden;display:block等方法使元素变成BFC
时,baseline也会产生变化。
标题text-indent:-999px
很久以前,标题有这么一种写法:
text-indent:-999px
往往用来隐藏logo里的字,方便搜索引擎查找。后来大多用font-size:0来解决了