欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

深入理解display属性_html/css_WEB-ITnose

程序员文章站 2022-05-30 13:42:35
...
目录 [1]block [2]inline [3]inline-block [4]none [5]list-item [6]run-in [7]table [8]inline-table [9]table-cell [10]table-caption

前面的话

  display属性在网页布局中非常常见,但经常用到的仅仅是block、inline-block、inline和none等寥寥几个属性值,本文将详细介绍display属性的各个方面

定义

  display属性用于规定元素生成的框类型,影响显示方式

  值: none | inline | block | inline-block | list-item | run-in | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-colume-group | table-column | table-cell | table-caption | inherit

  初始值: inline

  应用于: 所有元素

  继承性: 无

  [注意]IE7-浏览器不支持table类属性值及inherit

分类

block

【特征】

  [1]不设置宽度时,宽度撑满一行

  [2]独占一行

  [3]支持宽高

【标签】