是否有CSS代码可以自动在不同行之间平均分配文本？

Question

是否有CSS代码可以帮助我在多行中均匀分配文本？

例如，在此图像中：https://imgur.com/a/VeBBjD6

在左侧的图像中，文本在宽度上占据了不必要的空间。

右边的图像看起来更好，因为它在两行中或多或少地均匀分布了文本。这就是我要实现的目标。

现在，解决方案是调整左右边缘的像素数，以使文本均匀地分布在两行中。我是在Wordpress中完成的。

但是，由于页面上有很多图像，我想知道是否有一些CSS代码可以自动为我实现这一目标。

谢谢。

Answer 1

您可以在文本中添加一个CSS类，并为其提供一个max-width，如下所示：

.text-block {
  max-width: 120px;
  margin: auto;
  text-align: center;
}

<p class="text-block">Some dummy text and some more dummy text.</p>

在这种情况下，margin: auto用于使文本在父容器内居中。