自動換行問題，正常字元的換行是比較合理的，而連續的數字和英文本元常常將容器撐大，挺讓人頭疼，在52css.com中不乏這方面的文章，現在總結一下css如何實現換行的方法，只要在css中定義了如下句子，可保網頁不會再被撐開了。
對於div,p等塊級元素
正常文字的換行(
亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義的寬度之後自動換行
以下是**片段：
html
正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義
css
#wrap
ie瀏覽器
連續的英文本元和阿拉伯數字,使用word-wrap: break-word ;或者word-break:break-all;實現強制斷行
以下是**片段：
html
52csscom52csscom52csscom52csscom52csscom52csscom
css
#wrap
或者
以下是**片段：
#wrap
firefox瀏覽器
連續的英文本元和阿拉伯數字的斷行,firefox的所有版本的沒有解決這個問題,我們只有讓超出邊界的字元隱藏或者,給容器新增滾動條
以下是**片段：
html
52csscom52csscom52csscom52csscom52csscom52csscom
css
#wrap
對於table元素
ie瀏覽器
一、使用 table-layout:fixed;強制table的寬度,多餘內容隱藏
以下是**片段：
52csscom52csscom52csscom52csscom52csscom52csscom
二、使用 table-layout:fixed;強制table的寬度,內層td,th採用word-break : break-all;或者word-wrap : break-word ;換行
以下是**片段：
52csscom52csscom52csscom52csscom52csscom52csscom
52csscom52csscom52csscom52csscom52csscom52csscom
三、在td,th中巢狀div,p等採用上面提到的div,p的換行方法
firefox瀏覽器
一、使用 table-layout:fixed;強制table的寬度,內層td,th採用word-break : break-all;或者word-wrap : break-word ;換行，使用overflow:hidden;隱藏超出內，這裡overflow:auto;無法起作用
以下是**片段：
52csscom52csscom52csscom52csscom52csscom52csscom
52csscom52csscom52csscom52csscom52csscom52csscom
二、在td,th中巢狀div,p等採用上面提到的對付firefox的方法。
最佳css定義換行**
以下是**片段：
.wrap
網頁布局 div
簡單的網頁布局 注釋就不寫了，看看就懂了，不懂看前面的兩個博文都有詳細講解 效果圖 網頁布局.html charset gb2312 網頁布局title rel stylesheet href style.css type text css head id first 導航div id second...
css中div的布局
在靜態網頁的編寫中基本上都對布局的應用。概念問題說著容易，在實際操作的情況中網頁比較複雜，考慮的問題應該比較全面。可以先畫乙個框架圖，對各個板塊的長寬踐行計算再寫起來會更容易些。1.對div的位置和大小進行布局 我們可以將其假想為乙個矩形格式的模型，矩形模型如下圖所示 矩形模型主要包括三大屬性，正如...
css中的div布局之巧用div
新手在頁面布局時往往很依賴div來分割頁面，例如下面這個頁面 這是乙個聊天的頁面，頁面有頭像，id，聊天內容以及時間。看到這個頁面我的第一思路是用三個div來進行操作。首先乙個大的div，在大的div中分左右兩個子div，然後在左div中新增，右邊的div中新增文字資訊。如下 talk body d...