Html div在寫文本時改變寬度

Question

如何制作固定大小的div元素？

因此，當我寫入它時，它不會改變寬度。 無法弄清楚我做錯了什么。

用css代碼的一部分：

var table = document.body.getElementsByTagName("table");

for (var i = 0; i < table.length; i++) {
    table[i].style.border = "solid";
    table[i].style.borderWidth = "1px";
    table[i].style.width = "1024px";
    table[i].style.height = "auto";
    table[i].style.textAlign = "left";
};

var tdAll = document.body.getElementsByTagName("td");

for (var i = 0; i < tdAll.length; i++) {
    tdAll[i].style.border = "1px solid #dddddd";
    tdAll[i].style.height = "30px";
};

var divALL = document.body.getElementsByTagName("div");

for (var i = 0; i < divALL.length; i++) {
    divALL[i].style.height = "100%";
    divALL[i].style.width = "100%";
    divALL[i].style.lineHeight = "25px";
};

小提琴上的整個代碼： https ： //jsfiddle.net/zzduqpky/

Answer 1

設置max-width屬性

例如max-width="100px"

這將解決div寬度的問題。

Answer 2

通過添加table-layout:fixed解決了這個問題table-layout:fixed了我的表格樣式。 表格單元格和div不再展開。

謝謝大家的時間！