css 设置ul里的li 两个一行
时间: 2024-02-27 20:58:27 浏览: 113
ul设置列表为一行2条的方法
你可以使用CSS的flexbox布局来实现这个效果。
首先,给`ul`设置`display: flex;`,然后给`li`设置`flex-basis: 50%;`,这样每行就只能容纳两个`li`。
具体的CSS代码如下:
```css
ul {
display: flex;
flex-wrap: wrap;
}
li {
flex-basis: 50%;
}
```
阅读全文