css 什么属性设置文本行距

在CSS中，设置行距的属性是line-height(行高)。通过此属性，您可以控制文本的行间距。那么如何使用这个属性呢？ 首先，让我们看一个例子：假设我们有一个p标签，如下所示：

这是一段示例文本。我们将使用CSS来调整它的行距。

要设置行距，您可以添加以下CSS代码： pre { white-space: pre-wrap; font-family: 'Courier New',Courier,monospace; font-size: 16px; line-height: 1.5; } 在上面的示例中，我们使用pre标签来包围CSS代码，因为它可以保留所有空格和换行符。此外，我们也使用了Courier New字体，并将字体大小设置为16像素。这只是一个简单的示例，您可以更改字体和大小来适应您的预期样式。 现在，让我们看看line-height属性的工作原理。在我们的CSS代码中，我们将行高设置为1.5。默认情况下，行高设置为normal，这将自动计算行高，通常是1.2个字体大小。使用数字值，我们可以将行高设置为某个字体大小的倍数。例如，如果您的字体大小为16px，并且您设置行高为1.5，则文本行之间的距离将为24px(16 * 1.5)。 需要注意的是，如果您将行高设置得太小或太大，可能会导致文本重叠或空白太大。因此，请确保实验并找到适合您特定文本的最佳行高。 总之，通过使用line-height属性，我们可以轻松地调整文本的行间距，并实现所需的视觉效果。