內聯級內容

在 CSS 中,參與內聯佈局的內容稱為 內聯級內容。大多數文字序列、替換元素和生成的內容預設都是內聯級的。

在內聯佈局中,由文字、替換元素和其他內聯框組成的混合流透過將其分解為一系列行框來佈局。在每個行框內,內聯級框會根據書寫模式在垂直或水平方向上對齊。通常,它們會透過文字的基線進行對齊。這可以透過 CSS 進行更改。

inline layout

注意: HTML(超文字標記語言)元素在歷史上被分為“塊級”元素或“內聯”元素。作為一種表現特性,現在由 CSS 指定。

示例

html
<p>
  This span is an <span class="highlight">inline-level element</span>; its
  background has been colored to display both the beginning and end of the
  element's influence. Input elements, like <input type="radio" /> and
  <input type="checkbox" />, are also inline-level content.
</p>

在此示例中,<p> 元素包含一些文字。在該文字內有一個 <span> 元素和兩個 <input> 元素,它們是內聯級元素。如果 <span> 跨越多行,則會生成兩個行框。由於這些元素是內聯的,因此該段落會正確地渲染為連續文字流中的一個段落。

另見