深入理解display属性_html/css_WEB-ITnose
程序员文章站
2024-01-15 13:31:16
...
目录 [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]支持宽高
【标签】
上一篇: php XMLWriter类的简单示例
下一篇: php合并js请求的例子_PHP教程
推荐阅读
-
深入理解display属性_html/css_WEB-ITnose
-
Sass对CSS的扩展-嵌套规则,引用父选择器,属性嵌套,占位符选择器_html/css_WEB-ITnose
-
HTML meta标签常用属性整理_html/css_WEB-ITnose
-
float元素内元素含有border属性之后页面变形问题,求_html/css_WEB-ITnose
-
理解React_html/css_WEB-ITnose
-
关于HTML语言select标签的size属性的问题_html/css_WEB-ITnose
-
CSS3 Flex布局 Flexbox的属性详解_html/css_WEB-ITnose
-
利用contenteditable属性与execCommand()方法制作简易富文本编辑器_html/css_WEB-ITnose
-
html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行_html/css_WEB-ITnose
-
Css中的 pixelHeight属性_html/css_WEB-ITnose