我正在使用css break-word:
<p style="word-wrap: break-word; ">blablablablablablablablablablablabla-blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</p>
如你所见,我的话在连字符-
之后断开:
blablablablablablablablablablablabla-blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla
但这不是我想要的,我喜欢只在行尾打破这个词。
答案 0 :(得分:4)
答案 1 :(得分:4)
word-break
会让你的梦想成真。
<p style="word-break: break-all; ">blablablablablablablablablablablabla-blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</p>
答案 2 :(得分:4)
实际上有一个名为&#34; non-breaking hyphen&#34;的角色。如果你能够使用它,它就不会破坏那个角色而你不需要CSS解决方法。该特殊连字符的HTML表示法是‑
,您可以像使用任何其他特殊字符一样使用它,例如&符号&#34;&amp;&#34; (&
)或圆形项目符号&#34;•&#34; (•
)。
<p style="word-wrap: break-word;">blablablablablablablablablablablabla‑blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla</p>
&#13;
附加说明:这在互联网之外也很有用,例如:用于办公软件。在MS Word / Powerpoint中,您可以使用以下快捷方式之一输入不间断的连字符:Ctrl + Shift + -
或Alt + 8 2 0 9
(按住Alt键并使用num块输入所有数字)。