我们经常用到display,但是很少人记得它与标签显示模式有关。。。
什么是标签显示模式?
标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个。
标签的三种显示模式?
块级元素、行内元素、行内块元素
行内块元素的特点?
1、和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙。一行可以显示多个。(重点)
2、默认宽度就是它本身内容的宽度。
3、高度,行高、外边距以及内边距都可以控制。
行内块元素之间的转化?(相信大家都已熟练应用,这里我还是再展示一下吧)
1、块转行内:display:inline;
2、行内转块:display:block;
3、块、行内元素转换为行内块: display: inline-block;