请看这个 fiddle http://jsfiddle.net/LHsLM/1/ .
我正在尝试使用内联 css 将高度和宽度应用于自动宽度表,就像在 fiddle 中一样。但未应用样式。
html:
<div id="a"></div>
CSS:
div {
height:300px;
width:500px;
overflow:auto;
}
js:
var str = ["<table>"];
for (var i = 0; i < 100; i++) {
var tr = "<tr>";
for(var j = 0; j < 100; j++){
tr += "<td style='width:120px;height:40px'>" + j + "</td>";
}
tr+="</tr>";
str.push(tr);
}
str.push("</table>");
document.getElementById('a').innerHTML = str.join('');
最佳答案
将 width
转换为 td 元素的 min-width
。
抱歉,这与 IE-8 不兼容。
此方法也适用于 IE8:
function tablo(){
var str = ["<table>"];
for (var i = 0; i < 100; i++) {
var tr = "<tr>";
for(var j = 0; j < 100; j++){
tr += "<td><div style='width:120px;height:40px'>" + j + "</div></td>";
}
tr+="</tr>";
str.push(tr);
}
str.push("</table>");
document.getElementById('a').innerHTML = str.join('');
}
关于javascript - td 宽度不适用于自动宽度表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19201182/