返回列表>>

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;