CSS display

❮ 上一章 下一章 ❯

不同 display 属性值的演示。

单击下面的属性值查看结果

display: inline;
display: block;
display: inline-block;
display: flex;
display: contents;
display: inline-flex;
display: grid;
display: inline-grid;
display: table;
display: inline-table;
display: list-item;
display: none;
display: run-in;

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

文本 1 文本 2 文本 3

使用我们的 Tryit yourself 编辑器了解更多有关代码的信息： 自己尝试 ❯