css问题小计

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来解决了