css问题小计

css问题

font-size:0;

<img src="11.png" / >

inline-block的元素中间会有一个空格字符，解决方案：

连写：

<img src="11.png" / >

或者：

<img src="11.png" / >

baseline

默认baseline对齐，input这种替换元素baseline不是在元素底部，使用vertical-align:top或者bottom解决。

此外使用overflow:hidden;display:block等方法使元素变成BFC时，baseline也会产生变化。

标题text-indent:-999px

很久以前，标题有这么一种写法：

text-indent:-999px

往往用来隐藏logo里的字，方便搜索引擎查找。后来大多用font-size:0来解决了