使中心对齐的文字优先考虑底部文本行

Question

我想知道是否可以选择优先考虑哪个文本行中心文本。

通常情况下，text-align:center的句子会包含文本，以便第一行始终是两者中最宽的一行。

是否可以包装文本以使文本的底线最长/最宽？

例如，一个包含5个相同单词的段落在文本顶行有2个，在底行有3个。

提前致谢。

代码参考：

<p style="text-align:center;">word word word word word</p>

在句子包装的某些宽度中，句子会像这样崩溃：

word word word
word word

我希望它像这样崩溃：

word word
word word word

我知道我可以用不同的p，span或任何元素包装句子。我很好奇是否有这种自动换行的css解决方案。

Answer 1

在我看来，最简单的解决方案是使用两个单独的<p>标记（或您选择的任何文本元素）并单独调整每个标记的水平填充。

例如，标记为：

<p>Lorem ipsum</p>
<p>Lorem ipsum dolor</p>

和相应的CSS：

p:first-of-type {
    text-align: center;
    padding: 16px 32px;
}

p:last-of-type {
    text-align: center;
    padding: 16px 16px;
}