Javascript 包含一行Div的Div正在包装而不是溢出

我正在使用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;
}

对于（变量i=0；i

不过，我希望内部溢出，这样我可以激活一个水平滚动条。但它们却在包装：

---

Tx.

只需将

溢出：auto

添加到您的div中即可

在测试类中：

.test 
{
    overflow:auto;
}

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

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

“”+text+“”；

这看起来像是表格数据。为什么不使用嵌套表格呢？在容器（

#headerMasterDiv

）上尝试使用空格：nowrap。您还可以使用固定宽度。删除固定宽度以使其与文本一起展开。asp.net GridView不会在向下滚动时显示标题。这是由一个js脚本修复的，该脚本删除标题表，并将其插入一个不滚动的空占位符（removeChild、appendChild）。这不再适用于IE11，移动的表根据内容调整大小，因此宽度与数据行大小不匹配。使用我们可以根据需要调整它们的大小。