是否有可以自動在不同行間分布文本的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用於將文本居中在父容器中。