这次给大家带来inline-block元素元素默认间距清除inline-block元素元素默认间距清除的
有哪些,下面就是实战案例一起来看一下。
话不多说直接来看示例代码
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
以上就是inline-block元素元素默认间距清除的详细内容更多请关注php中文网其它相关文章!
** 前言: ** CSS 中的 display:inline-block元素 是笔者最为喜欢嘚元素之一可以将原本占据一行的块级元素,转变为可以并列显示的行内块级元素
关于如何消除这 “ 4px ” 的空白间距,网上已经有了不尐方法其中个人觉得用font-size:0 解决空白间距是最为方便简单的了。
下面做个简单的Demo
接着为两个盒子的父元素添加 font-size:0
另外当给inline-block元素元素中添加東西时,发现其元素也会随之下沉