CSS中，我們可以使用display屬性將li元素從水平排列變?yōu)榇怪迸帕?，以下是一個簡單的示例：

<ul id="myList">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
    <li>Item 7</li>
    <li>Item 8</li>
    <li>Item 9</li>
    <li>Item 10</li>
</ul>

在這個列表中，我們默認(rèn)每個li元素是水平排列的，如果我們想要將它們變?yōu)榇怪迸帕校覀兛梢栽贑SS中這樣寫：

#myList li {
    display: block;
}

在這個CSS規(guī)則中，我們選擇了#myList li元素，并將其display屬性設(shè)置為block，這將使每個li元素變?yōu)榇怪迸帕?，你也可以使用其他CSS屬性來調(diào)整這些元素的樣式，比如顏色、字體大小等。

使用CSS的display屬性，我們可以輕松地改變li元素的排列方式，使其從水平排列變?yōu)榇怪迸帕?，這種方法簡單而有效，可以幫助我們更好地控制網(wǎng)頁上的列表元素。