使用CSS 讓ul li 橫向水平
Temperature: 0 °C
好吧,其實這個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