css布局实例之去除行内元素间的空白间隙

css行内元素去掉空隙（间隙）

总结一下，在布局中遇到的一些小问题

如图：行内元素之间有空隙；

这个布局需注意的几个地方：

1、行内并排可用display:inline-block;这个属性；

2、细节问题：会发现avatar和content并排之间是有一个缝隙的，产生原因是其间有些空白字符。消除空白字符的办法是 --- 给其父元素设置font-size:0。

如图：给其父元素添加了font-size:0;之后，空白符消除；