CSS解決無空格太長的字母,數字不會自己主動換行的問題
阿新 • • 發佈:2017-05-08
strong ack 換行 tle 主動 發出 字母 文字 htm
默認情況下,一個 DIV或者其它元素的文本,假設都是無文字分隔符,無空格,則不會自己主動換行,比方: 這樣的形式。曾經遇到的問題,如今發出來,有須要的朋友能夠參考一下。
事實上非常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解決無空格太長的字母,數字不會自己主動換行的問題