在HTML 中，列表項通常顯示為區塊元素，這意味著它們一個在另一個之上。但是，您可以使用 CSS 將清單項目的顯示屬性變更為內聯，這將導致它們在同一行並排顯示。
要變更清單項目的顯示屬性，您可以使用下列CSS 規則：
li {
display: inline;
}您也可以使用上下文選擇器套用內嵌顯示屬性來列出特定
<ul> 內的項目。元素，如下所示：#ul-id li {
display: inline;
}這裡是如何使用內聯顯示屬性製作
<ul> 的範例顯示在水平行中：<ul>
#ul-id {
display: inline;
}
#ul-id li {
display: inline;
}此程式碼將產生以下輸出：
Item 1 Item 2 Item 3
如您所見，列表項目現在顯示在水平行中行。
以上是如何使用 CSS 水平顯示``列表項目？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
