div的排列样式如何设置

图片说明
想这种样式怎么做?有多少个容器不确定?给个思路就成

 这个很简单的啊
<style>
div{
    margin:0px auto;
    padding:0px;
    border:0px;
    font-size:12px;
    text-align:center
}
ul,li{
    margin:0px;
    padding:0px;
    list-style:none;
    text-indent:0em;
}
div{width:440px;}
li{width:110px; height:110px;float:left; display:inline;background:#f60;margin:0px 5px;margin-top:10px;}
</style>
<div>
        <ul>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
    </ul>
</div>



自己试试效果吧,其实就是float布局

table-row col
float等方式都可以呀。

div css float布局

你可以在这个外面加上一个table,然后在tr,td,里写div,把table的边都去掉,这样,效果就会一样了