設定table中的寬度不隨文字改變讓其固定_HTML/Xhtml_網頁製作

頁面中table寬度設定width="600px"之後，寬度還是不是固定的，文字太長後不換行，把table都撐變形了。

解決方法：

1.table 設定寬度，絕對寬度和相對都可以

table-layout:fixed ;
設定了這個屬性，其餘所有td都是相同的寬度。

這樣操作之後，table是寬度固定了，但是裡面的文章如果很長，文字會覆蓋

解決方法：

在td 裡面加上style=" word-wrap:break-word;" 自動換行就好了，如果不想換行，可以將超出內容設為隱藏，並且用省略號代替：

在td上面加

複製程式碼

程式碼如下:

overflow:hidden;
white-space:nowraprap;

text-overflow:ellipsis;（目前僅在IE8測試通過）
建議方法（2013-11-14 by 張雷）用div控制td的內容

在TD中加

（1）超過寬度和高度文字會自動隱藏

複製程式碼

程式碼如下:

aaaaaaaaaaaaaaaaaaaa 2）設置了td的寬度超過長度自動換行

複製代碼

代碼如下:

aaaaaaa>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa