是否有可以自动在不同行间分布文本的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用于将文本居中在父容器中。