div的排列样式如何设置

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

4个回答

 这个很简单的啊
<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布局

qq_24444953
qq_24444953 谢谢!!!
5 年多之前 回复

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

div css float布局

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐