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