display

优质

小牛编辑

135浏览

2023-12-01

描述 (Description)

display属性影响元素的最基本表示，有效地将元素分类为特定类型的元素。元素的呈现可能在很大程度上取决于其显示类型，并且某些属性仅适用于具有特定显示值的元素。

可能的值 (Possible Values)

inline - 此值使元素生成内联级别框; 例如，HTML元素STRONG，CODE或EM（以及其他）。元素在显示时将生成一个或多个内联框。
block - 该值使元素生成块级框; 例如，HTML元素P，H1或PRE（以及其他）。元素在显示时将生成一个块框。
list-item - 此值使元素生成块框和列表项内联框。在HTML中，LI元素是这种元素的唯一示例。
run-in - 在某些条件下，此值将导致元素为.inserted。进入以下元素的开头。如果元素A设置为显示:run-in并且后跟块级元素B，则A成为B的第一个内联级别框。如果A之后的元素不是块级别，则A变为a块级框。
compact - 在某些条件下，此值将导致元素放置在以下元素的一侧。
marker - 此值将生成的内容设置为标记; 因此，当它们在块级元素上设置时，它应该仅与:before和:after伪元素一起使用。
table - 此值使元素生成块级表框。这类似于HTML元素TABLE。
inline-table - 此值使元素生成内联级表框。虽然HTML中没有模拟，但可以将其设想为传统的HTML表格，它可以出现在一行文本的中间。
table-cell - 此值将元素声明为表格单元格。这类似于HTML元素TD。
table-row - 此值将元素声明为一行表格单元格。这类似于HTML元素TR。
table-row-group - 此值将元素声明为一组表行。这类似于HTML元素TBODY。
table-column - 此值将元素声明为表格单元格的列。这类似于HTML元素COL。
table-column-group - 此值将元素声明为一组表列。这类似于HTML元素COLGROUP。
table-header-group - 此值将元素声明为一组单元格，这些单元格始终在表格顶部可见，放置在任何行或行组之前，但在任何顶部对齐的表格标题之后。这类似于HTML元素THEAD。
table-footer-group - 此值将元素声明为一组单元格，这些单元格始终在表格底部可见，放置在任何行或行组之后但在任何底部对齐的表格标题之前。这类似于HTML元素TFOOT。
table-caption - 此值将元素声明为表的标题。这类似于HTML元素CAPTION。
none - 元素根本不会生成任何框，因此既不会显示也不会影响文档的布局。

适用于 (Applies to)

所有HTML元素。

DOM语法 (DOM Syntax)

object.style.cueAfter = url("music.wav");

例子 (Example)

这是一个例子 -

<p style = "display:inline;">
   This paragraph will inline with the next paragraph
</p>
<p style = "display:inline;">
   and will make a single line.
</p>
<br />
<br />
<div style = "display:block;">
   This paragraph will be separate from the next paragraph
</div>
<div style = "display:block;">
   and this is second paragraph.
</div>

这将产生以下结果 -

<p style="display:inline;">
This paragraph will inline with the next paragraph
</p>
<p style="display:inline;">
and will make a single line.
</p>
<div style="display:block;">
This paragraph will be separate from the next paragraph
</div>
<div style="display:block;">
and this is second paragraph.
</div>