前端的一些小問題（記錄/轉載）

 

table 與 div 固定寬高問題

轉載自這位童鞋的博客 https://www.cnblogs.com/yipeng-yu/p/3227691.html

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; 情況則會反過來。