資料載入中

胡言亂語

使用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
  • ul li橫向水平
  • display inline
https://innstory.com/story-使用CSS讓ulli橫向水平-2679

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

下一篇
設定Postfix使用SMTPServer當作relay主機 
  • 1,914
  • 0
  • 0

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

利用 .htaccess 限制可瀏覽ip來源

利用 .htaccess 限…

Mark Chang 7 年又 29 天 1.6K

要如何限制某個資料夾內容只能給特定IP讀取? 這個部分其實可以透過.htaccess快速實現~ 首先...

JavaScript 取得今天日期

JavaScript 取得今…

Mark Chang 6 年又 336 天 2.3K

JavaScript 使用 Date() 來取得時間的資訊。 再使用指令如 getDate()、ge...

使用手機將網址分享到 Line時,如何強制使用預設外部瀏覽器開啟?

使用手機將網址分享到 Lin…

Mark Chang 3 年又 317 天 1.4K

如標題,當厭惡了每次在line上面分享demo網址給客戶時點選網址就會使用line的瀏覽器開啟。 ...