css中怎样设置li垂直排列

在CSS中设置li元素垂直排列非常简单，只需要使用“display: flex”和“flex-direction: column”属性即可。
具体来说，我们需要为包含li元素的父元素设置“display: flex”，这将启用flexbox布局。然后，我们还需要设置“flex-direction: column”，这将使子元素垂直排列。
示例代码如下：

<br> <br>
        <style><br>
            #list {<br>
                display: flex;<br>
                flex-direction: column;<br>
            }<br>
        </style><br>

        <ul id="list"><br>
            <li>第一项</li><br>
            <li>第二项</li><br>
            <li>第三项</li><br>
            <li>第四项</li><br>
        </ul><br> 

在上述示例中，“ul”元素具有id：“list”，它包含四个“li”元素。我们为“ul”元素应用“display: flex”和“flex-direction: column”，以实现垂直排列。
除此之外，还可以使用其他方法来实现垂直排列，如使用“display: table”和“display: table-cell”属性。但是，使用flexbox布局是最简单和最常用的方法。