使用display:inline-block;产生间距处理办法

使用display:inline-block;产生间距处理办法

使用display:inline-block;属性会产生大约3px的间距,清除间距的方法就是letter-spacing属性


    

实际效果:
使用display:inline-block;产生间距处理办法_第1张图片

想要效果
使用display:inline-block;产生间距处理办法_第2张图片

处理方法就是在父级元素添加属性letter-spacing,且与font-size:0;配合使用
注意:子元素的font-size继承父级为0,有文本内容需要重新设定字号
正确代码:

    
    

你可能感兴趣的:(前端css)