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属性

e.g。 max-width="100px"

这将解决div宽度的问题。

Answer 2

通过在表格样式中添加table-layout:fixed来解决问题。表格单元格和div不再展开。

谢谢大家的时间!!!

Html div在写文本时改变宽度

2 个答案: