div css多行多列，我看到的最简单的方式

最新推荐文章于 2023-03-14 15:50:30 发布

最新推荐文章于 2023-03-14 15:50:30 发布 · 1.6k 阅读

文章标签：

#CSS

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用CSS进行水平布局的方法，通过设置div宽度和li浮动属性，实现了等宽的友情连接布局展示。

<style>
div{width:500px;}
li{float:left;width:100px;list-style:none;}
</style>

<div>
    <ul>
        <li>友情连接</li>
        <li>友情连接</li>
        <li>友情连接</li>
        <li>友情连接</li>
        <li>友情连接</li>
        <li>友情连接</li>
        <li>友情连接</li>
        <li>友情连接</li>
    </ul>
</div>

其效果：