连字符后怎么不断字?

时间:2016-04-14 13:33:18

标签: html css

我正在使用css break-word:

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

如你所见,我的话在连字符-之后断开:

blablablablablablablablablablablabla-blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla

但这不是我想要的,我喜欢只在行尾打破这个词。

3 个答案:

答案 0 :(得分:4)

如果你想只在行尾打破这个词,那就用

word-break: break-all;

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

演示here

答案 1 :(得分:4)

word-break会让你的梦想成真。

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

答案 2 :(得分:4)

实际上有一个名为&#34; non-breaking hyphen&#34;的角色。如果你能够使用它,它就不会破坏那个角色而你不需要CSS解决方法。该特殊连字符的HTML表示法是&#8209;,您可以像使用任何其他特殊字符一样使用它,例如&符号&#34;&amp;&#34; (&amp;)或圆形项目符号&#34;•&#34; (&bull;)。

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

附加说明:这在互联网之外也很有用,例如:用于办公软件。在MS Word / Powerpoint中,您可以使用以下快捷方式之一输入不间断的连字符:Ctrl + Shift + -Alt + 8 2 0 9(按住Alt键并使用num块输入所有数字)。