2019-03-10

display属性常用的三种值：block、inline-block、inline

2017年12月24日 15:56:51 @tenganchao 阅读数：10320

1.block 块级元素 

特点： 

a.block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父级宽度 

b.block元素可以设置width,height属性。块级元素即使设置了宽度，仍然是独占一行。 

c.block元素可以设置margin和padding属性。 

常见的有：div p h1-h6 ol ul dl table blockquote form

2.inline 内联（行级）元素 

a.inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。 

b.inline元素设置width,height属性无效。 

c.inline元素纵向的margin和padding不能设置值。 

常见的有：span a strong em label input select textarea img br