CSS笔记display:inline-block的使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS笔记display:inline-block的使用相关的知识,希望对你有一定的参考价值。

在将块级元素水平排列时除了有float:left的方式。另外一种比较好用的方法就是

display:inline-block;

使用后产生一个后果就是元素之间会有间隙。

导致原因:编写代码时的回车,换行。

去除办法:1.将所涉及到的html写在同一行(显然这样是很不靠谱的)

       2.给ul 所在的 div 设置:font-size:0;

      给ul li 单独设置font-size;

以上是关于CSS笔记display:inline-block的使用的主要内容,如果未能解决你的问题,请参考以下文章

[CSS3] CSS Display Property: Block, Inline-Block, and Inline

如何理解CSS中的display:inline-block属性?

夯实基础--CSS=> 标签显示模式(display:inline || blcok || inline-block)

css3笔记4 盒模型, flex 弹性布局,三列布局

前端面试 CSS— 使用 display:inline-block 会产生什么问题?解决方法?

三分钟快速了解CSS Display的属性:Block,Inline,Inline-Block