td寬度不適用於自動寬度表

Question

請看這個小提琴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(''); 

Answer 1

轉換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(''); 
}