问题描述

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的边都去掉，这样，效果就会一样了