[問題] CSS 在 menu layout 上的配置

看板Web_Design作者時間14年前 (2011/08/16 11:45), 編輯推噓2(2推 0噓 12→)
留言14則, 3人參與, 最新討論串1/2 (看更多)
想請問版上的各位 小弟最近寫了一個樣板 menu 的部份是參照這個網頁 http://demonstration.abgne.tw/jquery/0015/0015_4.html 但有一個地方有點疑問 主要是這網頁的子選項是從整個選單的左側開始排列 網頁上只有四個母選項 所以看起來是還ok 但今天一旦母選項數量多起來 子選項卻只有一兩個選項時 偏右邊的母選項要點他自己的子選項時 就會覺得有點遠 我想問問能否讓子選項以他的母選項下方為中心 然後左右開展呢？ 當然 母選項還是從左開始向右排列 只有子選項從他正下方開始左右延展 (至於子選項的排列 希望能包在整個選單的寬度內 不會超過選單的寬度) 這部份的CSS, jQuery我不太熟悉 不知道該怎麼樣調整 還請版上各位高手能給予建議 謝謝 :) -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.251.167.2 ※ 編輯: chonhan 來自: 60.251.167.2 (08/16 11:46)
→
08/16 12:27, , 1F
如果要以母選項為中心的話感覺要修改HTML結構
08/16 12:27, 1F
→
08/16 12:28, , 2F
但如果以整個選單至中的話也許用margin:0 auto把次選單
08/16 12:28, 2F
→
08/16 12:30, , 3F
置中？不過這樣次選單要有寬度或是要用inline-block吧
08/16 12:30, 3F
推
08/16 14:34, , 4F
可以 css position 或者手動拉左邊的距離
08/16 14:34, 4F
推
08/17 11:22, , 5F
我試過各種方法都覺得有點彆扭 後來改成直式下拉選單...
08/17 11:22, 5F
→
08/17 11:23, , 6F
其實這些選單網路上免費分享的很多 選擇也很多啦
08/17 11:23, 6F
→
08/17 11:24, , 7F
橫式選單理想的方式 應該是要讓次選單左邊與其主選項切齊
08/17 11:24, 7F
→
08/17 11:26, , 8F
做成橫式可以一直顯示在畫面上，直式要做浮動的吧
08/17 11:26, 8F
→
08/17 11:26, , 9F
然後當次選單寬度無法與其主選項切齊時 至少會貼到最右邊
08/17 11:26, 9F
→
08/17 11:26, , 10F
但以上這理想我沒有做出來Orz....
08/17 11:26, 10F
→
08/17 11:27, , 11F
直式浮動選單其實相對來講容易 且應用時比較不易出錯
08/17 11:27, 11F
→
08/17 11:27, , 12F
假如是幫客戶做的網站 又讓選單可以自訂時 橫式選單很不利
08/17 11:27, 12F
→
08/17 11:29, , 13F
我可能想得比較單純，但如果用文字置中於畫面，
08/17 11:29, 13F
→
08/17 11:30, , 14F
不就好了嗎Orz 或一樣用浮動，我是說如果想要橫式的話
08/17 11:30, 14F
‣ 更多 chonhan 的文章
文章代碼(AID): #1EIUVfp4 (Web_Design)
‣ 更多 chonhan 的文章
文章代碼(AID): #1EIUVfp4 (Web_Design)