连字符后如何不打断单词？

Question

我正在使用CSS断词：

<p style="word-wrap: break-word; ">blablablablablablablablablablablabla-blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</p>

如您所见，我的话在连字符后面打断了- ：

blablablablablablablablablablablablab-lablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablab

但这不是我想要的，我喜欢只在行尾打断单词。

Answer 1

如果您只想在行尾打断单词，请使用

word-break: break-all;

而不是断言。.希望这会有所帮助。

在这里演示

Answer 2

word-break将使您的梦想成真。

 <p style="word-break: break-all; ">blablablablablablablablablablablabla-blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</p> 

Answer 3

实际上有一个叫做“ 不间断连字符 ”的字符 。 如果您能够使用它，它将不会折断该字符，并且您不需要CSS解决方法。 该特殊连字符的HTML表示法是‑ ，您可以像使用其他任何特殊字符一样使用它，例如，“＆”号（ & ）或圆形项目符号“•”（ • ）。

 <p style="word-wrap: break-word;">blablablablablablablablablablablabla&#8209;blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</p> 

补充说明：这在Internet外部也很有用，例如在办公软件中使用。 在MS Word / Powerpoint中，可以使用以下快捷方式之一输入不间断的连字符： Ctrl + Shift + -或Alt + 8 2 0 9 （按住Alt键并使用num块输入所有数字）。