DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS特效代碼 >> 過長文字自動換行的技巧 Word-Break Word-Wrap
過長文字自動換行的技巧 Word-Break Word-Wrap
編輯:CSS特效代碼     

在很多時候,為了防止內容過長把表格或容器撐破, 我們都需要為容器加上自動換行的功能。

實現自動換行,用CSS來實現,通常有兩種方式:

  • word-break:

取值為 normal, break-all, keep-all

  • word-wrap:

取值為 normal, break-word

word-break: break-all 太霸道,無條件折行,會造成 英文單詞 和 數字的斷行,不建議使用。

推薦使用的是:

首先新建html文件,將下面的代碼考入:

{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;}

對 FF3 應該是兼容的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved