javascript - 如何为 div 设置水平滚动，以便在通过 jQuery 添加项目时

Question

我正在通过 jQuery 在 div 中附加复选框。div 溢出时滚动。但是我看到，当复选框名称很大时，div 不会水平滚动，但额外的内容会转到下一行，而垂直滚动则可以正常工作。下面是一些代码

下面是 div 创建的代码

  <div id="legendBox" style="overflow:scroll;width:145px;height:300px;"></div>

此代码是在 DIV 中添加复选框

if (legendChecked == "T")
                {
                    legendtest = "<input type='checkbox' class='" + legendClass + "'name='" + legendName + "' style='background-color:" + legendColor + "'value='" + legendName + "'检查 onClick=legendChanged(); title='" + legendName + "'/>" + legendName;
                } 别的
                {
                    legendtest = "<input type='checkbox' class='" + legendClass + "'name='" + legendName + "' style='background-color:" + legendColor + "'value='" + legendName + "' onClick=legendChanged(); title='" + legendName + "'/>" + legendName;
                }
                $("#legendBox").append(legendtest+"</br>");

请告诉我哪里出错了。

Answer 1

或添加display:inline：http: //jsfiddle.net/eq3r9/

编辑： 这是一个更好的解决方案：http: //jsfiddle.net/eq3r9/1/