比较版本

display

修订版 170739:

由 TigerSoldier 在 进行的修订 170739

修订版 170740:

由 TigerSoldier 在 进行的修订 170740

标题:
display
display
网址缩略名:
CSS/display
CSS/display
标签:
css, CSS_参考
css, CSS_参考
内容:

修订版 170739
修订版 170740
n8      {{template.CSSRef()}}n8      {{ CSSRef() }}
n10    <h3 name=".E6.91.98.E8.A6.81">n10    <h3 id=".E6.91.98.E8.A6.81" name=".E6.91.98.E8.A6.81">
n20      <li>{{template.Xref_cssinitial()}}: {{template.Cssxref("inln20      <li>{{ Xref_cssinitial() }}: {{ Cssxref("inline") }}
>ine")}} 
n24      <li>{{template.Xref_cssinherited()}}: 否n24      <li>{{ Xref_cssinherited() }}: 否
n28      <li>媒体: {{template.Xref_cssvisual()}}n28      <li>媒体: {{ Xref_cssvisual() }}
n30      <li>{{template.Xref_csscomputed()}}: as specified, except fn30      <li>{{ Xref_csscomputed() }}: as specified, except for root
>or root element, <a href="cn/CSS/float">floated</a> elements, and> element, <a href="cn/CSS/float">floated</a> elements, and <a hre
> <a href="cn/CSS/position">absolutely positioned</a> elements (se>f="cn/CSS/position">absolutely positioned</a> elements (see&nbsp;
>e&nbsp;???)>???)
31      </li>
32    </ul>31      </li>
32    </ul>
33    <h3 name="Syntax">33    <h3 id="Syntax" name="Syntax">
n37      <code>display:</code> &lt;display-value&gt; | {{template.Csn37      <code>display:</code> &lt;display-value&gt; | {{ Cssxref("i
>sxref("inherit")}}>nherit") }}
n39    <h3 name="Values">n39    <h3 id="Values" name="Values">
n72        <b>inline-block</b>&nbsp;: 由 CSS 2.1 引入。 This causes the n72        <b>inline-block</b>&nbsp;: 由 CSS 2.1 引入。 This causes the 
>element to generate a block element box that will be flowed with >element to generate a block element box that will be flowed with 
>surrounding content as if it were an single inline box (behaving >surrounding content as if it were an single inline box (behaving 
>much like a replaced element would.). {{template.Fx_minversion_in>much like a replaced element would.). {{ Fx_minversion_inline("3"
>line(3)}}>) }}
n102        <b>inline-table</b>&nbsp;: These values cause the elementn102        <b>inline-table</b>&nbsp;: These values cause the element
> to behave like the corresponding HTML table element which these > to behave like the corresponding HTML table element which these 
>values take their name from. The 'inline-table' value does not ha>values take their name from. The 'inline-table' value does not ha
>ve a direct mapping in HTML. {{template.Fx_minversion_inline(3)}}>ve a direct mapping in HTML. {{ Fx_minversion_inline("3") }}
n125    <h3 name=".E7.A4.BA.E4.BE.8B">n125    <h3 id=".E7.A4.BA.E4.BE.8B" name=".E7.A4.BA.E4.BE.8B">
n129      {{template.CSSRefExampleLink("display")}}n129      {{ CSSRefExampleLink("display") }}
n135    <h3 name=".E6.B3.A8.E9.87.8A">n135    <h3 id=".E6.B3.A8.E9.87.8A" name=".E6.B3.A8.E9.87.8A">
n144    <h5 name=".E2.80.9C.E5.9D.97.E5.9E.8B.EF.BC.88Block.EF.BC.89.n144    <h5 id=".E2.80.9C.E5.9D.97.EF.BC.88Block.EF.BC.89.E2.80.9D.E5
>E2.80.9D.E5.85.83.E7.B4.A0.E4.B8.8E.E2.80.9C.E8.A1.8C.E5.86.85.EF>.85.83.E7.B4.A0.E4.B8.8E.E2.80.9C.E8.A1.8C.E5.86.85.EF.BC.88In-li
>.BC.88In-line.EF.BC.89.E2.80.9D.E5.85.83.E7.B4.A0.E7.9A.84.E5.8C.>ne.EF.BC.89.E2.80.9D.E5.85.83.E7.B4.A0.E7.9A.84.E5.8C.BA.E5.88.AB
>BA.E5.88.AB">>" name=".E2.80.9C.E5.9D.97.EF.BC.88Block.EF.BC.89.E2.80.9D.E5.85.
 >83.E7.B4.A0.E4.B8.8E.E2.80.9C.E8.A1.8C.E5.86.85.EF.BC.88In-line.E
 >F.BC.89.E2.80.9D.E5.85.83.E7.B4.A0.E7.9A.84.E5.8C.BA.E5.88.AB">
145      “块(Block)”元素与“行内(In-line)”元素的区别145      “块(Block)”元素与“行内(In-line)”元素的区别
n149        <b>块元素(Block-level elements)</b>会为其内容(在视图上下文中)创建一个在垂直方向上n149        <b>块元素(Block-level elements)</b>会为其内容(在视图上下文中)创建一个在垂直方向上
>排他的元素块——一般会在内容的前后换行。只有将 <code>display</code> 指定为此类值的元素可以自由地指定它所在的>排他的元素块——一般会在内容的前后换行。只有将 <code>display</code> 指定为此类值的元素可以自由地指定它所在的
>位置。块型元素的显示效果与 <code>BLOCKQUOTE</code>、<code>DIV</code>、标题(<code>H>位置。块型元素的显示效果与 <code>BLOCKQUOTE</code>、<code>DIV</code>、标题(<code>H
>1</code>、<code>H2</code>、……)等 HTML 元素的显示效果相同。会产生块型元素的 <code>displ>1</code>、<code>H2</code>、……)等 HTML 元素的显示效果相同。会产生块型元素的 <code>displ
>ay</code> 属性值有:<code>block</code>、<code>list-item</code>、<code>ta>ay</code> 属性值有:<code>block</code>、<code>list-item</code>、<code>ta
>ble</code>、<code>compact</code> 和 <code>run-in</code>。>ble</code>、<code>compact</code> 和 <code>run-in</code>。
150      </li>
151    </ul>
152    <ul>
153      <li>150      </li>
154        <b>In-line elements</b> do not create distinct blocks of 151    </ul>
>content; element content is rendered using a line box (content is 
> distributed line by line within a containing physical or virtual 
> block element.) In-line behavior is exhibited by such HTML eleme 
>nts as physical and virtual character formatting, non-floated ima 
>ges and unmarked content. 'Display' property values creating an i 
>n-line element type: 'inline', 'inline-table', 'compact' and 'run 
>-in'. 
152    <ul>
155      </li>153      <li>
154        <b>行内元素(In-line elements)</b>不会为其内容创建单独的块;元素用行框显示(内容分散在连续
 >的行中)。行内行为效果与实际或虚拟字符格式设置、非浮动图像以及未标记内容等 HTML 元素相同。以下“Display”属性值会创建
 >行内元素。“inline”、“inline-table”、“compact”和“run-in”。
156    </ul>155      </li>
157    <h3 name=".E8.A7.84.E8.8C.83">156    </ul>
157    <h3 id=".E8.A7.84.E8.8C.83" name=".E8.A7.84.E8.8C.83">
n168    <h3 name=".E6.B5.8F.E8.A7.88.E5.99.A8.E5.85.BC.E5.AE.B9.E6.80n168    <h3 id=".E6.B5.8F.E8.A7.88.E5.99.A8.E5.85.BC.E5.AE.B9.E6.80.A
>.A7">>7" name=".E6.B5.8F.E8.A7.88.E5.99.A8.E5.85.BC.E5.AE.B9.E6.80.A7">
n216    <h3 name=".E5.8F.82.E8.A7.81">n216    <h3 id=".E5.8F.82.E8.A7.81" name=".E5.8F.82.E8.A7.81">
n220      {{template.Cssxref("visibility")}}, {{template.Cssxref("flon220      {{ Cssxref("visibility") }}, {{ Cssxref("float") }}, {{ Css
>at")}}, {{template.Cssxref("position")}}>xref("position") }}
t225    <div class="noinclude"></div>{{ wiki.languages( { "en": "en/Ct225    <div class="noinclude"></div>{{ languages( { "en": "en/CSS/di
>SS/display", "es": "es/CSS/display", "fr": "fr/CSS/display", "pl">splay", "es": "es/CSS/display", "fr": "fr/CSS/display", "pl": "pl
>: "pl/CSS/display", "pt": "pt/CSS/display" } ) }}>/CSS/display", "pt": "pt/CSS/display" } ) }}

返回历史