display几种常用的属性值

ohmorning

已于 2022-07-26 14:48:52 修改

阅读量2.9w

点赞数 8

文章标签： css

于 2020-01-12 21:44:21 首次发布

本文链接：https://blog.csdn.net/qq_41818857/article/details/103949348

版权

display有很多的属性值，这边就总结几个常用的属性值吧！

display:none;
设置元素隐藏，具体可见：display:none
display:block;
设置元素为块级元素，块级元素可以独占一行，可设宽高。
display:inline;
设置元素为行内元素，一行可有多个行内块元素，不可设宽高。
display:inline-block
设置元素为行内块元素，既有行内元素的（一行可有多个）特性，又有块元素的（可设宽高）特性
display:inline-table
inline-table得到的是，外面是“内联盒子”，里面是“table盒子”。
display:table
元素会作为块级表格来显示，类似 table，表格前后带有换行符;配合table-cell使用可实现水平垂直居中，具体可见：水平垂直居中
table-row
元素会作为一个表格行显示，类似 tr;
table-cell
元素会作为一个表格单元格显示，类似 td和 th。
display:list-item
为元素内容生成一个块型盒，随后再生成一个列表型的行内盒。
会把元素作为列表显示，要完全模仿列表的话还需要加上 list-style-position，list-style-type