首页 > 代码库 > 去掉display:inline-block元素间的多余空白

去掉display:inline-block元素间的多余空白

问题:每1个带display:inline-block;属性的链接 a 水平、垂直方向都带有一定的空白

关键在于父元素定义font-size:0 去掉行内块元素水平方向空白;子元素定义vertical-align 属性去掉行内块元素垂直方向空白!
如果标签a内加上任意文字,则display:inline-block元素不会生成垂直方向有空白!

 

去掉display:inline-block元素间的多余空白