CSS display 属性介绍

墨蓝 2024-03-27 08:57 65阅读 0赞

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][https_www.weidianyuedu.com]

**display 可能的值**

值 描述

none 此元素不会被显示。

block 此元素将显示为块级元素，此元素前后会带有换行符。

inline 默认。此元素会被显示为内联元素，元素前后没有换行符。

inline-block 行内块元素。（CSS2.1 新增的值）

list-item 此元素会作为列表显示。

run-in 此元素会根据上下文作为块级元素或内联元素显示。

compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。

marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。

table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。

inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。

table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。

table-[header][]\-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。

table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。

table-row 此元素会作为一个表格行显示（类似 <tr>）。

table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。

table-column 此元素会作为一个单元格列显示（类似 <col>）

table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）

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

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

值 描述

none 此元素不会被显示。

block 此元素将显示为块级元素，此元素前后会带有换行符。

inline 默认。此元素会被显示为内联元素，元素前后没有换行符。

inline-block 行内块元素。（CSS2.1 新增的值）

list-item 此元素会作为列表显示。

run-in 此元素会根据上下文作为块级元素或内联元素显示。

compact CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。

marker CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。

table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。

inline-table 此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。

table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。

table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。

table-footer-group 此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。

table-row 此元素会作为一个表格行显示（类似 <tr>）。

table-column-group 此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。

table-column 此元素会作为一个单元格列显示（类似 <col>）

table-cell 此元素会作为一个表格单元格显示（类似 <td> 和 <th>）

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

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

[Link 1]: https://m.weidianyuedu.com/
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com/
[header]: https://so.csdn.net/so/search?q=header&spm=1001.2101.3001.7020

发表评论取消回复

表情：

评论列表（有 0 条评论，65人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS display 属性介绍

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][https_www.weidianyuedu.com] display 可能

墨蓝/ 2024年03月27日 08:57/ 0 赞/ 66 阅读

相关 CSS display 属性

定义和用法 display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 disp

电玩女神/ 2023年06月07日 08:30/ 0 赞/ 26 阅读

相关【转】css display:flex 属性

弹性盒子 62018.09.04 16:03:53字数 902阅读 132206 一：display:flex 布局 > display:flex 是一种布局方式。它

墨蓝/ 2023年06月03日 14:55/ 0 赞/ 1 阅读

相关 AtoZ CSS截屏视频：CSS Display属性

Loading the player… 正在加载播放器… This article is a part of our AtoZ CSS Series. You can fi

浅浅的花香味﹌/ 2022年12月03日 01:51/ 0 赞/ 217 阅读

相关 CSS 布局 - display 属性

CSS 布局 - display 属性 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH

╰+哭是因爲堅強的太久メ/ 2022年11月13日 05:22/ 0 赞/ 218 阅读

相关 CSS display 属性

<table> <tbody> <tr> <th>值</th> <th>描述</th> </tr> <tr> <td>n

迈不过友情╰/ 2022年09月21日 05:44/ 0 赞/ 231 阅读

相关 css中display属性详解

display属性值: none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元

冷不防/ 2022年08月21日 13:37/ 0 赞/ 265 阅读

相关 display属性

display属性值值描述 none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为

深藏阁楼爱情的钟/ 2022年06月06日 08:26/ 0 赞/ 262 阅读

相关 css边框属性border，css布局设置，浮动属性，css转换display

7 边框属性所有的thml标签都是有边框的不过默认是看不见 Border是边框例如 border：1px solid red ，对应的属性是边框粗是1像素

迷南。/ 2022年06月06日 03:06/ 0 赞/ 308 阅读

相关 CSS 属性：Display属性

一、display属性介绍 display 属性规定元素应该生成的框的类型。以下是一些关于display比较常用的属性值： ![在这里插入图片描述][waterma

本是古典何须时尚/ 2022年03月16日 03:06/ 0 赞/ 583 阅读