使用CSS讓ulli橫向水平｜學習與自我成長

使用CSS 讓ul li 橫向水平

好吧，其實這個css常在用，但我每次都沒特別紀錄，然後每次又忘記然後又要Google。

其實主要就是使用 CSS 的 display inline 的語法。

就這麼簡單。

以下範例：

＜div id=＂topmenu＂＞

選單橫向水平呈現

＜ul＞

　＜li＞這裡是選單01＜/li＞

　＜li＞這裡是選單02＜/li＞

＜li＞這裡是選單03＜/li＞

＜/ul＞

＜/div＞

然後css的寫法如下：

＜style type=＂text/css＂＞

＜!--

#topmenu ul li {

　display:inline;

}

--＞

＜/style＞

以上紀錄~

https://innstory.com/story-使用CSS讓ulli橫向水平-2679

htaccess設定網站預設首頁次序

設定Postfix使用SMTPServer當作relay主機

Jasica
我也常常遇到這種情況，明明是常用的 CSS 屬性，卻總是要花時間重新查找。尤其是像 display inline 這種基本語法，記起來卻總是會忘。有時候覺得編碼的記憶力真是跟不上進度，真希望有什麼好辦法可以幫助記住這些常用的指令。或許可以做個筆記本，隨時翻閱？感覺這樣會省不少時間。
21 小時又 57 分鐘回覆
鄭暮川
每次用到的時候都得重新找，真是麻煩。
2026-02-20 下午 2 點回覆

離不開電腦的宅男