CSS 文本对齐：证明不适用于 span/strong

Answer 1

text-align: justify;

会自动调整第一行的单词（左、中、右），因为它无法容纳在可用宽度内，因此您会看到文本中的间隙。然后它相信它已经完成了它的工作并且该段落的其余部分是正常的。

删除

text-align: justify;

并仅保留

hyphens: auto;

仍将在标题中应用连字符，如果您想在标题和主要段落之间换行，只需在后面立即添加

<br>

标签即可

</strong>

。

所以类似：

<p><strong>Loremipsumdolorsitg, consetetur sadipscing: </strong><br>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. </p>

如果您确定需要某种文本对齐，您可以将

text-align: justify;

更改为

text-align: left;

但是，如果您希望标题排除 hihens，但您希望文本的其余部分具有 hihens 并内联，那么您需要将标题从段落中分离出来，如下所示：

<strong>title</strong><p>rest of paragraph</p>

在你的CSS中：

p {
 text-align: left;
 hyphens: auto;
 display: inline;
}