css元素显示模式（行内、块级、行内块）

CSS中的元素显示模式定义了元素如何显示以及如何处理其内容。主要的显示模式包括：

1. 块级元素（Block-level）：默认宽度自动扩展到父元素宽度。可以设置宽度、高度、外边距（margin）和内边距（padding）。
2. 行内元素（Inline-level）：宽度由内容决定。不可直接设置宽度、高度，但可以设置行高（line-height）和水平方向的外边距（margin）和内边距（padding）。
3. 行内块元素（Inline-block）：结合了块级和行内元素的特点，可以设置宽度和高度，也能在一行内显示。

例子代码：

/* 块级元素 */
div {
  display: block;
  width: 100%; /* 可以设置宽度 */
  margin: 10px; /* 可以设置外边距 */
  padding: 10px; /* 可以设置内边距 */
}
 
/* 行内元素 */
span {
  display: inline;
  line-height: 1.5; /* 可以设置行高 */
  margin: 0; /* 不可设置外边距，但可以设置为0 */
  padding: 0; /* 不可设置内边距，但可以设置为0 */
}
 
/* 行内块元素 */
a {
  display: inline-block;
  width: 100px; /* 可以设置宽度 */
  margin: 5px; /* 可以设置外边距 */
  padding: 5px; /* 可以设置内边距 */
}

在HTML中使用：

<div>块级元素</div>
<span>行内元素</span>
<a href="#">行内块元素</a>

以上代码演示了如何使用CSS将元素设置为块级、行内和行内块元素，并对其进行样式设置。