1. 程式人生 > >CSS解決無空格太長的字母,數字不會自己主動換行的問題

CSS解決無空格太長的字母,數字不會自己主動換行的問題

strong ack 換行 tle 主動 發出 字母 文字 htm

事實上非常easy,代碼例如以下所看到的,註意 Style:

<div class="detail_title" style="word-break: break-all;"><%=StringUtil.toHTML(title) %></div>

默認情況下,一個 DIV或者其它元素的文本,假設都是無文字分隔符,無空格,則不會自己主動換行,比方:

<div class="detail_title" style="word-break: break-all;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
這樣的形式。曾經遇到的問題,如今發出來,有須要的朋友能夠參考一下。


word-break: break-all;

就是強制斷字的。

CSS解決無空格太長的字母,數字不會自己主動換行的問題