包含一行div的Div包裹而不是溢出

Question

我使用JavaScript在容器div中插入元素：

<tr>
    <td align="left">
    &nbsp;</td>
    <td  style="background-color:#5D7B9D">
        <div id="headerMasterDiv">
        </div>
    </td>
    <td style="width: 18px; height: 18px;">
    &nbsp;</td>
</tr>

for (var i=0; i < len; i++ ) 
{

    id = "headerColumn_" + i.toString();
    width = columnWidths[i];
    text = columnTexts[i];
    html = " <div id=\""+id+"\" class=\"test\">"+text+"</div> ";
    header.innerHTML += html;
}

但是我希望内部溢出，所以我可以激活一个水平滚动条。但他们正在包装：

的Tx。

Answer 1

只需将overflow:auto添加到您的div。

在测试课程中：

.test 
{
    overflow:auto;
}

或内联样式，我建议使用quot和double“它更具可读性：

 ' <div id="'+id+'" class="test" style="overflow:auto">'+text+'</div> ';