html 中scroll 中怎么使用

本帖最后由 biancheng2008 于 2012-10-03 09:55:28 编辑

解决方案 »

  1.   

    Lz是说像这样？
    内部容器的宽度定义，大于外部容器的宽度定义。在外部容器上定义：overflow:scroll。不就自然有水平的滑动条么？
    <html>
    <body>
    <div style='width:150px;height:150px;overflow:scroll'>
    <script>
        var i=1;
        var str = "<form style='width:2000px;height:150px'>";
        while (i<=100)
        {
            str += "<input type=\"text\"/>";
            if (0 == i%10)
            {
                str += "<br />";
            }
            i++;
        }
        str += "</form>";
        document.write(str);
    </script>
    </div>
    </body>
    </html>
      

  2.   

    可以显示了，非常感谢crying_boy大侠，另外我还想问下我现在这个form的行宽度如果不是10个input而是动态的
    我们可不可以动态设置这个width,我这个input的数量是从文件里读取的，
      

  3.   

    当然可以，你自己计算好一个width就行了。只要遵循：内部容器的宽度定义，大于外部容器的宽度定义。在外部容器上定义：overflow:scroll。应该就没问题了
      

  4.   

    用这个属性:overflow-x:auto显示X轴滚动条,overflow-y:auto显示Y轴滚动条