javascript - 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";
};

fiddle 上的完整代码:https://jsfiddle.net/zzduqpky/

Answer 1

设置最大宽度属性

例如最大宽度="100px"

这将解决 div 宽度的问题。