问题求解

如果做的一个文字下拉列表，想让他以列显示，超过9个就加一列，li该怎么设置了？

解决方案 »

  1.   

    如果用CSS的话是没法精确控制的，只能是先排满某行的所有列，再增加行。
      http://blog.51yip.com/htmlcss/1163.html否则就要靠JSP输出时就固化好了。
      

  2.   


    <style>
    *{padding:0px}
    #list {width:100px}
    #list li{width:12px;float:left}
    <style>
    </styo
    <div id="list">
    <ul>
    <li></li>
    ...
    <li></li>
    </ul>
    </div>
    以上代码把整个ul的宽度固定，然后 把li的宽度稍微小于 ul宽度的1/9 就会自动换行为下一列
      

  3.   


    看3楼是可以精确控制的，如果需要自适应的话可以参考下面
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    <style type="text/css">
    *{padding:0px}
    #list {width:100%}
    #list li{width:10.2%;float:left;border:1px solid black}
    </style>
    </head><body><div id="list">
    <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li></ul>
    </div>
    </body>
    </html>