ul li一行两个显示
时间: 2023-12-06 18:04:23 浏览: 195
您可以使用CSS中的float属性将两个li元素并排显示。例如,给每个li元素设置以下CSS样式:
```
li {
float: left;
width: 50%;
}
```
这将使两个li元素并排显示,每个元素占据其容器的50%宽度。您还可以通过调整width属性的值来控制每个元素的宽度。
相关问题
css 设置ul里的li 两个一行
你可以使用CSS的flexbox布局来实现这个效果。
首先,给`ul`设置`display: flex;`,然后给`li`设置`flex-basis: 50%;`,这样每行就只能容纳两个`li`。
具体的CSS代码如下:
```css
ul {
display: flex;
flex-wrap: wrap;
}
li {
flex-basis: 50%;
}
```
用HTML做一个两行四列的ul li
好的,以下是用 HTML 做一个两行四列的 ul li 的代码:
```html
<ul class="grid">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
```
请注意,上面的代码只是一个简单的示例,需要配合 CSS 样式才能呈现出两行四列的布局效果。
阅读全文