css如何设置行高行距

在CSS中，设置行高和行距是非常重要的一部分。行高是指文本行的高度，而行距是指相邻文本行之间的垂直间隔。在这篇文章中，我们将介绍如何使用CSS设置行高和行距。 设置行高 在CSS中，可以使用line-height属性来设置行高。line-height属性用于指定行框的高度。它可以采取不同的单位，例如像素、百分比和em。下面是设置行高的示例代码： pre{ line-height: 1.5; } 在上面的代码中，我们将行高设置为1.5。这意味着每行文本将占据1.5个标准行高。如果您想使行高与字体大小保持一致，则可以将其设置为1。例如，如果您的字体大小为16px，则以下代码将设置一个16px的行高： pre{ line-height: 1; } 设置行距 在CSS中，可以使用margin和padding属性来设置行距。margin属性用于指定文本框与邻近元素之间的空白，而padding属性用于定义文本框周围的空白。下面是一个设置行距的例子： pre{ margin: 1em 0; } 在上面的代码中，我们在文本框顶部和底部添加1em的空白，这将导致每行之间的距离增加。您可以根据需要调整此值。 总结 在CSS中，您可以使用line-height属性来设置行高，并使用margin和padding属性来设置行距。这些属性都可以采用不同的单位，例如像素、百分比和em。如果您需要调整文本间的距离，请考虑使用这些属性。