[英]td widths are not applied on auto width table
請查看此小提琴http://jsfiddle.net/LHsLM/1/ 。
我試圖像小提琴一樣使用內聯css將高度和寬度應用於自動寬度表。 但是沒有應用樣式。
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
到min-width
的TD元素。
抱歉,與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('');
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.