CSS display的属性

可能的值
值描述
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1 新增的值）
list-item 此元素会作为列表显示。
run-in 此元素会根据上下文作为块级元素或内联元素显示。
compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table 此元素会作为块级表格来显示（类似

），表格前后带有换行符。
inline-table 此元素会作为内联表格来显示（类似），表格前后没有换行符。
table-row-group 此元素会作为一个或多个行的分组来显示（类似）。
table-header-group 此元素会作为一个或多个行的分组来显示（类似）。
table-footer-group 此元素会作为一个或多个行的分组来显示（类似）。
table-row 此元素会作为一个表格行显示（类似）。
table-column-group 此元素会作为一个或多个列的分组来显示（类似）。
table-column 此元素会作为一个单元格列显示（类似）
table-cell 此元素会作为一个表格单元格显示（类似

）
inherit 规定应该从父元素继承 display 属性的值。

和	） table-caption 此元素会作为一个表格标题显示（类似

CSS display的属性相关推荐

html block属性,css display block属性的意思、作用和效果
css中display的block属性是什么意思呢?他是指拥有该属性的html元素以块的方式显示,同时,该元素的前面和后面都会换行,也就是说,如果给一个元素B设置的display:block,那么该元 ...
三分钟快速了解CSS Display的属性：Block,Inline,Inline-Block
文章目录三分钟快速了解CSS Display的属性:Block,Inline,Inline-Block Block Inline Inline-block Block,Inline,Inline-B ...
html+css:display:flex属性
博客 </a></li><li class="" title="高价值源码课程分享"><a data-report-c ...
CSS display:table属性用法解析
本节和大家重点讨论一下CSS display:table的使用,当IE8发布时,它将支持很多新的CSS display属性值,包括与表格相关的属性值,CSS表格能够解决所有那些我们在使用绝对定位和浮动 ...
CSS display overflow 属性 cursor光标类型
display属性功能:规则网页元素如何显示的问题. 取值:none(隐藏).block(以块元素显示).inline(以行内元素显示) block:可以实现将行内元素转成块元素. ...
css display: grid属性grid-template-areas
<style> .container {border:none;display: grid;height: 600px;grid-template-columns: 200px 1fr; ...
详解CSS——display各个属性值（带例子）
文章目录 display属性的支持情况 display属性的作用 display属性值默认值 inline none block inline-block list-item run-in tabl ...
css display: grid属性repeat
.container {display: grid;box-shadow: 0 0 1px #cccccc;grid-template-columns: repeat(3,1fr); /*相当于 1f ...
css display：flex详解
页面布局的时候经常需要给块级子元素居中,目前发现最方便直接的是父级元素使用display:flex属性, css display:flex 属性 6 2018.09.04 16:03:53 字数 90 ...

CSS display的属性

CSS display的属性相关推荐

最新文章

热门文章