資料載入中

胡言亂語

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

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

將Google字型fonts.googleapis.com新增到CSP header 中

將Google字型fonts…

Mark Chang 4 年又 149 天 1.5K

Content Security Policy (CSP) 內容安全政策 主要用來限制網頁中對外部...

錯誤訊息Division by zero的解決方式

錯誤訊息Division b…

Mark Chang 4 年又 120 天 1.7K

錯誤訊息Division by zero發生的原因是因為除數是0導致的錯誤: 解決方式如下: 1) ...

當域名 DNS 尚未生效時,如何預先設定及測試網站

當域名 DNS 尚未生效時,…

Mark Chang 4 年又 120 天 2.1K

建置一個新的網站或是將網站搬家時 常常會遇到一個問題,就是要將網址指向到新的網站空間,設定完畢但需要...