显示模式

分为三种显示模式:

1.块级显示模式::元素独占一行,可以设置宽高,默认宽度和父元素相等。如div,h1~h6,p,form,ul,dl,dt,dd,li,hr,ol

2.行级显示模式:自身大小靠文本撑开,设置宽高不起作用,一行可以有多个。如i,strong,b,font,del,ins,span,a

3.行内块显示模式:设置宽高起作用,一行可以有多个。如img,表单元素

显示模式可以进行转换,利用display样式进行改变:设置display为block时将元素转换为块级元素,设置display为inline-block时将元素转换为行内块显示模式。

原文地址:https://www.cnblogs.com/NIFS/p/12553649.html