display的属性以及作用

下方是来自w3c的实行表格(部分):
参考链接: http://www.cnblogs.com/thislbq/p/5914210.html

描述
none 元素不被显示
block 元素显示为块状元素,元素前后会有换符
inline 默认,元素会被显示为内联元素,元素前后没有换行符
inline-block 行内元素
list-item 元素作为列表显示
run-in 元素根据元素上下文来决定是块级元素或者内联元素
table 元素作为块级表格显示(类似),元素前后有换行符号
inline-table 元素作为内联表格显示(类似),元素前后无换行符号
table-row-group 元素作为一个或多个行的分组显示,类似
table-row 元素作为一个表格行显示,类似
table-cell 元素作为一个表格单元格显示,类似,

常用的属性:none, block, inline, inline-block

  1. none: 元素不显示而且空间不会保留
    (注意:有另外一个属性visibility: hidden,此属性元素不显示但是空间保留)
  2. block: 块级元素,前后有换行符,可设置width、height,元素独占一行
  3. inline: 内联元素,display的默认值,前后没有换行符,无法设置width,height,不独占一行
  4. inline-block: 行内块级元素,可设width,height的内联元素

你可能感兴趣的:(display的属性以及作用)