DIV CSS 佈局教程網

問題

在開發過程難免遇到這樣那樣的問題。對於有很多條目的數據，我們通常采用table元素來快速實現。如果某一個td的內容太多的話就會出現下面的情況，導致樣式混亂難看：



解決方案

要讓table的寬度固定我們可以給table元素設置table-layout:fixed;樣式，但這樣表格的寬度問題是解決了，但是裡面的內容並不會自動換行。我們還需要給td設置word-break: break-all; word-wrap:break-Word;即可完美解決。如下圖：



這樣的確可以很好地解決問題。記錄下，以備後用。