标签显示模式

我们经常用到display,但是很少人记得它与标签显示模式有关。。。

什么是标签显示模式?

标签以什么方式进行显示,比如div 自己占一行, 比如span 一行可以放很多个。

标签的三种显示模式?

块级元素、行内元素、行内块元素

行内块元素的特点?

1、和相邻行内元素(行内块)在一行上,但是之间会有空白缝隙。一行可以显示多个。(重点)

2、默认宽度就是它本身内容的宽度。

3、高度,行高、外边距以及内边距都可以控制。

行内块元素之间的转化?(相信大家都已熟练应用,这里我还是再展示一下吧)

1、块转行内:display:inline;

2、行内转块:display:block;

3、块、行内元素转换为行内块: display: inline-block;

原文地址:https://www.cnblogs.com/heisetianshi/p/14971787.html