Style display 属性

Style display 属性定义和用法 display 属性设置或返回元素的显示类型 HTML 中的元素大多是 内联 或 块 元素 一个内联元素 在其左侧和右侧都是浮动内容 一个块元素填满整个行 并没有什么可显示在其左侧或右侧 display 属性还允许作者显示或隐藏一个元素 与 visibility 属性类似 然而 如果您设置 display none 将隐藏整个元素 如果您设置 visibility hidden 元素的

定义和用法

display 属性设置或返回元素的显示类型。 HTML 中的元素大多是"内联""块"元素:一个内联元素,在其左侧和右侧都是浮动内容。一个块元素填满整个行,并没有什么可显示在其左侧或右侧。 display 属性还允许作者显示或隐藏一个元素。与 visibility 属性类似。然而,如果您设置 display:none,将隐藏整个元素,如果您设置 visibility:hidden,元素的内容将不可见,但元素保持原来的位置和大小。 语法 设置 display 属性: Object.style.display="value" 返回 display 属性: Object.style.display 值 描述 block 元素呈现为块级元素。 compact 元素呈现为块级元素或内联元素,取决于上下文。 inherit display 属性的值从父元素继承。 inline 默认。元素呈现为内联元素。 inline-block 元素呈现为内联盒子内的块盒子。 inline-table 元素呈现为内联表格(类似 <table>),表格前后没有换行符。 list-item 元素呈现为列表。 marker 该值在盒子前后设置内容作为标记(与 :before 和 :after 伪元素一起使用,否则该值与 "inline" 是相同的)。 none 元素不会被显示。 run-in 元素呈现为块级或内联元素,取决于上下文。 table 元素呈现为块级表格(类似 <table>),表格前后带有换行符。 table-caption 元素呈现为表格标题(类似 <caption>)。 table-cell 元素呈现为表格单元格(类似 <td><th>)。 table-column 元素呈现为单元格的列(类似 <col>)。 table-column-group 元素呈现为一个或多个列的分组(类似 <colgroup>)。 table-footer-group 元素呈现为表格页脚行(类似 <tfoot>)。 table-header-group 元素呈现为表格页眉行(类似 <thead>)。 table-row 元素呈现为表格行(类似 <tr>)。 table-row-group 元素呈现为一个或多个行的分组(类似 <tbody>)。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/228381.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午7:09
下一篇 2026年3月16日 下午7:10


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号