内联内容

在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>跨两行扩展，则会生成两个行框。由于这些元素是内联的，因此段落正确地呈现为单个段落的不间断文本流。

body {
  margin: 0;
  padding: 4px;
  border: 1px solid #333;
}

.highlight {
  background-color: #ee3;
}