資料載入中

胡言亂語

使用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,911
  • 0
  • 0

發表留言

作者簡介

離不開電腦的宅男


推薦閱讀

作者其他相關類別故事

使用curl執行POST請求

使用curl執行POST請求

Mark Chang 6 年又 353 天 1.7K

curl命令是一個利用URL規則在命令行下工作的文件傳輸工具。 支持文件的上傳和下載。 這邊範例使用...

Linux vi修改文件時遇到:E212無法打開文件進行寫入

Linux vi修改文件時遇…

Mark Chang 5 年又 147 天 2.1K

執行修改 使用wq(儲存後離開)或者是wq!(唯讀檔案強制儲存後離開)指令 卻一直出現提示E ca...

.htaccess 使用gzip壓縮網站加快加載速度並節省頻寬

.htaccess 使用gz…

Mark Chang 4 年又 186 天 1.3K

modgzip是Apache的外部擴展模組,可以將文件發送到客戶端之前快速輕鬆地對其進行壓縮。 如果...