我有 div 已经应用了 text-align: center . 它应该能够包含可能包含或不包装的各种文本 . 当它包装时，我希望每条线的长度大致相同，因此它会显示：
div
text-align: center
快速的棕色狐狸跳过懒狗 .
代替：
基本上，我正在寻找一种纯CSS方式来自动将休息放置在文本的中心附近 .
我知道有JavaScript解决方案，我目前已经实现了服务器端解决方案，但我总是试图学习更多的CSS，以便将来更灵活 .
我很确定你不能用css做到这一点，你可以用html来控制没有断点 .
<nobr>The quick brown fox jumps</nobr><nobr>over the lazy dog.</nobr>
应该给你想要的结果 . 你也可以在你不想包装的单词之间插入 ，例如： The quick brown fox jump over the lazy dog. 会给你相同的结果 .
The quick brown fox jump over the lazy dog.
如果你减少div的宽度怎么办？否则我不确定你只能用CSS做到这一点
把你不想打破的碎片放在 span 标签中，禁止包装：
span
<span style="white-space: nowrap">The quick brown fox jumps</span> <span style="white-space: nowrap">over the lazy dog.</span>
（我知道这是旧的，但我只是去寻找这个 . ）
3 回答
我很确定你不能用css做到这一点，你可以用html来控制没有断点 .
应该给你想要的结果 . 你也可以在你不想包装的单词之间插入
，例如：The quick brown fox jump over the lazy dog.会给你相同的结果 .如果你减少div的宽度怎么办？否则我不确定你只能用CSS做到这一点
把你不想打破的碎片放在
span标签中，禁止包装：（我知道这是旧的，但我只是去寻找这个 . ）