1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
---
title: <display-internal>
slug: Web/CSS/display-internal
tags:
- CSS数据类型
- CSS显示
- 参考
- 显示内部
translation_of: Web/CSS/display-internal
---
<div> </div>
<p class="summary"><font><font>一些布局模型，例如 </font></font><code>table</code><font><font> 和 </font></font><code>ruby</code><font><font>具有复杂的内部结构，具有他们的孩子和后代可以填充的几个不同的角色。</font><font>此页面定义了那些“内部”显示值，这些值仅在该特定布局模式中具有意义。</font></font></p>
<h2 id="语法">语法</h2>
<p>除非另有说明，否则使用这些显示值的元素的内部显示类型和外部显示类型都将设置为给定的关键字。</p>
<dl>
<dt><code>table-row-group</code></dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody" title="HTML Table Body元素（<tbody>）封装了一组表行（<tr>元素），表示它们包含表的主体（<table>）。"><code><tbody></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>table-header-group</code></dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead" title="HTML <thead>元素定义了一组行，用于定义表的列的头部。"><code><thead></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>table-footer-group</code></dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot" title="HTML <tfoot>元素定义了一组汇总表格列的行。"><code><tfoot></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>table-row</code></dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr" title="HTML <tr>元素定义表中的一行单元格。 然后可以使用<td>（数据单元格）和<th>（标题单元格）元素的混合来建立行的单元格.HTML <tr>元素指定<tr>块内包含的标记包含一行a表，其中<th>和<td>元素分别在行内创建标题和数据单元格。"><code><tr></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>table-cell</code></dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td" title="HTML <td>元素定义包含数据的表的单元格。 它参与表模型。"><code><td></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>table-column-group</code></dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup" title="HTML <colgroup>元素定义表中的一组列。"><code><colgroup></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>table-column</code></dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col" title="HTML <col>元素定义表中的列，用于定义所有公共单元格上的公共语义。 它通常位于<colgroup>元素中。"><code><col></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>table-caption</code></dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption" title="HTML表格标题元素（<caption>）指定表格的标题（或标题），如果使用，则始终是<table>的第一个子标题。"><code><caption></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>ruby-base</code> {{Experimental_Inline}}</dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rb" title="HTML Ruby Base（<rb>）元素用于分隔<ruby>注释的基本文本组件，即正在注释的文本。"><code><rb></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>ruby-text</code> {{Experimental_Inline}}</dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rt" title="HTML Ruby Text（<rt>）元素指定ruby注释的ruby文本组件，用于为东亚排版提供发音，翻译或音译信息。 <rt>元素必须始终包含在<ruby>元素中。"><code><rt></code></a><font><font>HTML元素。</font></font></dd>
<dt><code>ruby-base-container</code> {{Experimental_Inline}}</dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rbc" rel="nofollow" title="关于这方面的文件尚未写入; 请考虑贡献！"><code><rbc></code></a><font><font>匿名框生成的HTML元素。</font></font></dd>
<dt><code>ruby-text-container</code> {{Experimental_Inline}}</dt>
<dd><font><font>这些元素的行为类似于</font></font><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rtc" title="HTML Ruby Text Container（<rtc>）元素包含在<ruby>元素内使用的<rb>元素的ruby中呈现的字符的语义注释。 <rb>元素可以同时具有发音（<rt>）和语义（<rtc>）注释。"><code><rtc></code></a><font><font>HTML元素。</font></font></dd>
</dl>
<h2 id="浏览器兼容性编辑"><a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/display-internal#Browser_compatibility"><font><font>浏览器兼容性</font></font></a><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/display-internal$edit#Browser_compatibility" rel="nofollow, noindex"><font><font>编辑</font></font></a></h2>
<h3 id="支持表值"><font><font>支持表值</font></font></h3>
<p><code>table</code>, <code>table-cell</code>, <code>table-column</code>, <code>table-column-group</code>, <code>table-footer-group</code>, <code>table-header-group</code>, <code>table-row</code>, and <code>table-row-group</code></p>
<p>{{Compat("css.properties.display.table_values", 10)}}</p>
<h3 id="支持ruby值"><font><font>支持ruby值</font></font></h3>
<p><code>ruby</code>, <code>ruby-base</code>, <code>ruby-base-container</code>, <code>ruby-text</code>, and <code>ruby-text-container</code></p>
<p>{{Compat("css.properties.display.ruby_values", 10)}}</p>
<h2 id="另请参见"><font><font>另请参见</font></font></h2>
<ul>
<li>{{CSSxRef("display")}}
<ul>
<li>{{CSSxRef("<display-outside>")}}</li>
<li>{{CSSxRef("<display-inside>")}}</li>
<li>{{CSSxRef("<display-listitem>")}}</li>
<li>{{CSSxRef("<display-box>")}}</li>
<li>{{CSSxRef("<display-legacy>")}}</li>
</ul>
</li>
</ul>
|
