我需要垂直显示列表项,也需要在多列中显示.但必须只使用单一ul.怎么可能呢?请建议我.
输出应该是这样的
a e i
b f j
c g
d h
Run Code Online (Sandbox Code Playgroud)
谢谢你的帮助
Afaik唯一的方法是使用column-count:
ul {
column-count: 3;
}
Run Code Online (Sandbox Code Playgroud)
请注意,它仅适用于现代浏览器,并且需要供应商前缀(-webkit-column-count等).
如果使用float,inline或inline-block,它们将以不同的顺序呈现.
| 归档时间: |
|
| 查看次数: |
1970 次 |
| 最近记录: |