資料載入中

胡言亂語

使用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>

以上紀錄~

  • CSS display inline 語法使用技巧
  • 常用 CSS 語法記錄方法
  • 如何記住 CSS display inline
  • CSS 使用心得與經驗分享
  • 簡單 CSS 語法整理與備忘
https://innstory.com/story-使用CSS讓ulli橫向水平-2679

上一篇
 htaccess設定網站預設首頁次序

下一篇
設定Postfix使用SMTPServer當作relay主機 

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

jQuery resize取得瀏覽器目前視窗寬度

jQuery resize取…

Mark Chang 7 年又 259 天 2.8K

在使用CSS調整RWD顯示時~ 也可以使用javascript來做一些輔助,例如判斷目前瀏覽器的...

分享 斜槓青年正夯,什麼都會才是王道?他舉賈伯斯、巴菲特為例,勸你萬萬不可跨領域-風傳媒

分享 斜槓青年正夯,什麼都會…

Mark Chang 7 年又 227 天 2.1K

巴菲特:「了解自己的能力圈,待在裡面。這個圈圈到底有多大其實無關緊要。知道圈圈的邊線究竟在哪則非常重...

js判斷字母是否為大小寫

js判斷字母是否為大小寫

Mark Chang 3 年又 306 天 2K

使用JS來判斷字串裡是否含有大寫字母或小寫字母。 以上紀錄~