时间:2021-05-18
1、给inline-block元素设置一个父元素。
设置父元素的font-size:0;。子元素font-size设置成合适大小,如果不设置子元素font-size,子元素会继承父元素的0;
2、给inline-block元素设置一个父元素。(letter-spacing:字符间距)
设置父元素的letter-spacing为-4px或-8px,除谷歌是-8px外,其余是-4px。同样要设置子元素的letter-spacing:0;否则会
继承父元素,造成子元素内文字变形。
经过试验,统一设置成-8px,在视觉上没有什么差异,不知道这样做可行不可行,如果哪位有意见,随时可以说。
3、给inline-block元素设置一个父元素。(word-spacing:单词间距)
设置父元素的word-spacing为-4px或-8px,谷歌,360是-8px,火狐,IE是-4px。同样要设置子元素的word-spacing:0;否则会继承父元素,造成子元素内文字变形。
同上也可以统一设置为-8px
4、以上谷歌、火狐、360的测试均是在最新浏览器上测试,IE8测试。如有不妥还请告知。
以上内容是小编给大家介绍的inline-block属性带来的标签间间隙问题,希望对大家有所帮助!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近做移动端页面时,经常会用到inline-block元素来布局,但无可避免都会遇到一个问题,就是inline-block元素之间的间隙。这些间隙会导致一些布局
去掉display:inline-block元素间的多余空白如下一段代码,display:inline-block元素间的多余空白:XML/HTMLCode复制
一年前网上还找不到关于inline-block属性的文章,为了方便大家更好的理解该属性,当时总结整理了篇《display:inline-block的深入理解》。
Inline-block是元素display属性的一个值。这个名字的由来是因为,可以简单的解释为inline+block;display设置这个值的元素,兼具行
迫切需要的方法:inline-block法居中。基本方法是使用display:inline-block,vertical-align:middle样式和伪元素让