在CSS中，我們可以使用<li>標(biāo)簽來創(chuàng)建列表。這些列表可以水平排列或者垂直排列。在本文中，我們將介紹如何使用CSS將兩個(gè)<li>垂直排列。

<ul>
<li>菜單項(xiàng)一</li>
<li>菜單項(xiàng)二</li>
</ul>

首先，我們需要為這兩個(gè)<li>設(shè)置一些樣式，以便它們?cè)诖怪狈较蛏吓帕?。我們可以使用以下樣式?/p>

li {
display: block;
width: 100%;
}

上述代碼中，我們將display屬性設(shè)置為block，以使<li>元素成為塊級(jí)元素，然后將width屬性設(shè)置為100%，以使其在容器中占用整個(gè)寬度。

接下來，我們可以使用以下樣式，將這兩個(gè)<li>垂直排列。

ul {
display: flex;
flex-direction: column;
}

在上述代碼中，我們將display屬性設(shè)置為flex，并使用flex-direction屬性將<li>進(jìn)行垂直排列。使用column值，我們可以使這些元素從上到下排列。如果我們使用row值，就可以讓這些元素從左到右排列。

在總結(jié)中，使用以上的樣式，我們可以將兩個(gè)<li>元素垂直排列。我們使用了display: block;和width: 100%;屬性，以及display: flex;和flex-direction: column;來實(shí)現(xiàn)這個(gè)效果。這些樣式可以很容易地添加到你的CSS文件中。