table 與 div 固定寬高問題

div {
width:100px;
height:200px;
word-wrap: break-word;
overflow:hidden;
}

這個可以固定div的寬高，溢出內容會被剪除。

table{
table-layout:fixed;
width:200px;
height:200px;
 }
td {
width:100px;
height:200px;
overflow:hidden;
}

這個只能固定td的寬度，而高度隨內容增加而增高；若也要固定其高度，則需要在td中嵌套使用div，包住content，利用div的css。

如果 去除 table-layout:fixed; 情況則會反過來。