css 多行li排列显示

<div class="lifeservice">

    <ul>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                        <li></li>

                    </ul>

                </div>

.lifeservice {

    overflow: hidden;

    height: 209px;

    border: 1px solid #e4e4e4;

    border-top: 0;

}

.lifeservice ul {

    width: 252px;

}

.lifeservice ul li {

    float: left;

    width: 63px;

    height: 71px;

    border-right: 1px solid #e4e4e4;

    border-bottom: 1px solid #e4e4e4;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容