在CSS中,我们可以使用一些属性来控制列表中li元素的位置。下面我们就来介绍一些实用的属性。首先,我们先把一个简单的无序列表写出来: 第一项 第二项 第三项 第四项 我们可以使用`float`属性来...
在CSS中,我们可以使用一些属性来控制列表中li元素的位置。下面我们就来介绍一些实用的属性。
首先,我们先把一个简单的无序列表写出来:
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
<li>第四项</li>
</ul>
li:nth-child(1), li:nth-child(2) {
float: left;
}
li:nth-child(2) {
position: relative;
top: 20px;
}
ul {
display: flex;
list-style: none;
}
li {
flex: 1;
}
li {
margin-bottom: 20px;
}