DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS解決無空格的字母、數字過長不自動換行的問題
CSS解決無空格的字母、數字過長不自動換行的問題
編輯:CSS詳解     
其實很簡單,代碼如下所示,注意 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;
就是強制斷字的。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved