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)