Loading...

使用CSS 讓ul li 橫向水平

Temperature: 0 °C

Mark ChangMark Chang
author_tools

好吧,其實這個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_讓ul_li_橫向水平-2679
CSS

Prev
 htaccess設定網站預設首頁次序

Next
設定Postfix使用SMTP_Server當作relay主機 

About the Author

Mark Chang

離不開電腦的宅男

Visitor message

Leave some footprints to prove that you visited me

Recommended reading

Author's other related stories

ubuntu 18.04  apache 目錄啟用並開啟.htaccess 覆寫

ubuntu 18.04 ...

.htaccess是在Apache HTTP Server這款服務器架設軟件下的一個對於系統目錄進行...

刪除已上傳至server的檔案

刪除已上傳至server的檔...

a5 管理系統,難免都會遇到要更新或刪除已經上傳到server的檔案。 總不能只是重新上傳卻又不把舊...

PHP重新排列陣列中的元素shuffle()函數

PHP重新排列陣列中的元素s...

shuffle() 是可以將陣列中元素的順序重新洗牌的函數。 甚麼時候用的到? 例如最近寫著一個抽獎...

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format