使中心对齐文本优先考虑底部文本线

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，跨度或任何元素中。我很好奇是否有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;
}