如何消除inline-block元素产生的元素间空隙

这次给大家带来inline-block元素元素默认间距清除inline-block元素元素默认间距清除的

有哪些,下面就是实战案例一起来看一下。

话不多说直接来看示例代码

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!


以上就是inline-block元素元素默认间距清除的详细内容更多请关注php中文网其它相关文章!

  • 本文原創发布php中文网 ,转载请注明出处感谢您的尊重!

** 前言: ** CSS 中的 display:inline-block元素 是笔者最为喜欢嘚元素之一可以将原本占据一行的块级元素,转变为可以并列显示的行内块级元素

关于如何消除这 “ 4px ” 的空白间距,网上已经有了不尐方法其中个人觉得用font-size:0 解决空白间距是最为方便简单的了。
下面做个简单的Demo

接着为两个盒子的父元素添加 font-size:0

另外当给inline-block元素元素中添加東西时,发现其元素也会随之下沉

我要回帖

更多关于 inline-block元素 的文章

 

随机推荐