css不显示行高怎么写

CSS中的行高（line-height）属性用于设置行框的高度，它决定了行框中文本的垂直对齐方式以及行框的高度。如果CSS中的行高属性没有设置或者设置为0，那么行框的高度将会是文本的默认高度，这样就会导致文本无法显示。

要解决CSS不显示行高的问题，我们可以通过设置合适的行高属性来调整行框的高度。行高可以使用绝对单位（如像素px）或相对单位（如em、百分比%）进行设置。

示例代码如下所示：

p {
  line-height: 1.5; /* 设置行高为1.5倍 */
}

在上面的示例代码中，我们将段落（p）元素的行高设置为1.5倍。这意味着每一行的高度将会是文本默认高度的1.5倍。通过设置合适的行高，我们可以使文本在行框中垂直居中或者按照需求进行对齐。

除了使用具体的数值来设置行高，我们还可以使用相对单位来调整行高。例如，我们可以使用em单位来设置行高，这样行高将会相对于文本的字体大小进行调整。

h1 {
  font-size: 24px; /* 设置字体大小为24像素 */
  line-height: 1.5em; /* 设置行高为字体大小的1.5倍 */
}

在上面的示例代码中，我们将标题（h1）元素的行高设置为字体大小的1.5倍。这样就可以保证文本在行框中垂直居中，并且行框的高度也会根据字体大小的变化而自动调整。

行高还可以使用百分比单位进行设置。例如，我们可以将行高设置为文本父元素的百分比值，这样行高将会相对于父元素的高度进行调整。

.container {
  height: 200px; /* 设置容器高度为200像素 */
}
p {
  line-height: 150%; /* 设置行高为父元素高度的150% */
}

在上面的示例代码中，我们将容器（.container）的高度设置为200像素，并将段落（p）元素的行高设置为父元素高度的150%。这样就可以保证文本在行框中垂直居中，并且行框的高度也会根据父元素高度的变化而自动调整。

要解决CSS不显示行高的问题，我们可以通过设置合适的行高属性来调整行框的高度。行高可以使用绝对单位或相对单位进行设置，例如像素、em、百分比等。通过合理设置行高，我们可以使文本在行框中垂直居中或者按照需求进行对齐，并且行框的高度也会根据文本内容或父元素的变化而自动调整。