返回列表>>

inline-block元素间间距

浏览器：*

描述：真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距

修复前：

惆怅 淡定 热血

修复后：

惆怅 淡定 热血

解决方案：使用font-size:0;基本上可以解决大部分浏览器下inline-block元素之间的间距(IE7等浏览器有时候会有1像素的间距)

惆怅 淡定 热血

解决方案：使用margin负值

惆怅 淡定 热血

解决方案： 

/***父容器中***/
font-size:0; /*所有浏览器*/
*word-spacing:-1px; /* IE6/7 */
/***子元素****/
font-size: 12px;
letter-spacing: normal;
word-spacing: normal;
vertical-align:top;