[問題] <ul> <li> CSS

看板Web_Design作者 (TrustNo1)時間15年前 (2010/08/16 22:26), 編輯推噓4(405)
留言9則, 5人參與, 最新討論串1/1
最近在自學CSS, 用Chrome的developer tools看一些網站的寫法來練習. 看到Google appengine的管理網站, 它右上角的那堆link居然是用<ul><li>來做的. ex. (下面每個字都是一個link, 我省略<a href="xxx"></a>) <ul> <li>Email |</li> <li>My Account |</li> <li>Help |</li> <li>Sign out</li> </ul> 但是在網頁上的效果, 看起來是Email | My Account | Help | Sign out 像GMail右上角那個樣子. 我看了它的CSS寫法, 沒什麼特別的, 但我自己怎麼寫也沒辦法讓它四個item變在同一行. 請問有人知道該怎麼寫嗎? 謝謝... -- 如果說變就變怎能算是真愛呢?? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 122.116.91.199

08/16 22:30, , 1F
float:left
08/16 22:30, 1F

08/16 22:32, , 2F
神奇, 可以耶. 不過Appengine的網頁, 用developer tool來看
08/16 22:32, 2F

08/16 22:33, , 3F
float是none... 所以我一直沒試這個...
08/16 22:33, 3F

08/16 22:39, , 4F
喔 是display:inline的關係
08/16 22:39, 4F

08/16 23:02, , 5F
thx... 你真厲害...
08/16 23:02, 5F

08/17 03:28, , 6F
通常這是學css的第一課,把列表放成橫置
08/17 03:28, 6F

08/17 09:05, , 7F
display: inline-block;
08/17 09:05, 7F

08/17 23:42, , 8F
http://bit.ly/6dNPQi 看到了... 好幾課之後喔... :p
08/17 23:42, 8F

08/18 14:13, , 9F
這個真的很基礎啦 li妙用無窮
08/18 14:13, 9F
文章代碼(AID): #1CQKg6gA (Web_Design)