时间紧急,请教一个基础的html页面布局的问题

本帖最后由 yzyh 于 2014-06-29 21:59:33 编辑

解决方案 »

  1.   

    用Bootstrap，根本不用为布局操心。
      

  2.   

    找个CSS牛B的人，这布局不成问题~
      

  3.   


    使用Bootstrap 前提有基础的 HTML/CSS 
      

  4.   

    CSS就可以实现，定义个DIV，然后里面装SPAN，如：
    <html>
    <head>
    <title>hwyue test div</title>
    <style type="text/css">
    .divCls{
    width:900px;
    }
    .spanCls{
    width:270px;
    height:250;
    margin:10px;
    display: inline-block;
    border:solid 1px;
    }
    </style>
    </head>
    <body>
    <div class="divCls">
    <span class="spanCls">1</span>
    <span class="spanCls">2</span>
    <span class="spanCls">3</span>
    <span class="spanCls">4</span>
    <span class="spanCls">5</span>
    <span class="spanCls">6</span>
    <span class="spanCls">7</span>
    </div>
    </body>
    </html>span
    <span class="spanCls">2</span>
    <span class="spanCls">3</span>
    </div>
      

  5.   

    追答：如果是按分辨率的话，那就将DIV宽度屏蔽或是直接不用定义，它就会自己布局行列数了，如果没达到效果，可以试下将span的宽度写成百分比表示。