ul和li实现分两列（多列）布局显示

ttx9n · 发表于 2014-2-24 08:43:13

DIV+CSS分两列（多列）布局显示，下面有个不错的示例，大家可以参考下简单语句实现DIV+CSS分两列（多列）布局显示

复制代码代码如下:
<style type="text/css">
.my ul {
width: 210px;
}
.my li {
width: 100px; /*如果显示三列则width改为70px*/
float: left;
display: block;
}
</style>

复制代码代码如下:
<div class="my">
<ul>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
<li>那些花儿</li>
</ul>
</div>

6q8s6p21 · 发表于 2022-8-13 18:50:50

好东西可以可以可以可以

nwk53kbd · 发表于 2022-10-25 14:37:20

这个源码不错啊

黑白键 · 发表于 2022-12-10 02:30:10

这个源码还可以

回复用户1 · 发表于 2022-12-22 23:53:19

8888888888888888

u6h2m4 · 发表于 2023-8-27 19:03:23

撒旦撒旦撒擦擦擦擦

ki9ku6 · 发表于 2023-10-18 05:58:40

额风风风微风微风违法

3mfwk4yf · 发表于 2023-10-22 18:05:27

飞飞飞飞飞飞飞飞飞飞飞飞飞

kwa3hgmjp · 发表于 2023-11-11 03:40:24

哟哟哟哟哟以偶

lsc54 · 发表于 2024-3-29 10:08:37

啪啪啪生怕PSP怕

账号		自动登录	找回密码
密码			立即注册

[CSS] ul和li实现分两列（多列）布局显示

相关帖子