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

[chonhan ()]

想請問版上的各位

小弟最近寫了一個樣板 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)
→ oj113068:如果要以母選項為中心的話感覺要修改HTML結構
→ oj113068:但如果以整個選單至中的話也許用margin:0 auto把次選單
→ oj113068:置中？不過這樣次選單要有寬度或是要用inline-block吧
推 kurtisgod:可以  css position  或者手動拉左邊的距離
推 Isacat:我試過各種方法都覺得有點彆扭 後來改成直式下拉選單...
→ Isacat:其實這些選單網路上免費分享的很多 選擇也很多啦
→ Isacat:橫式選單理想的方式 應該是要讓次選單左邊與其主選項切齊
→ oj113068:做成橫式可以一直顯示在畫面上，直式要做浮動的吧
→ Isacat:然後當次選單寬度無法與其主選項切齊時 至少會貼到最右邊
→ Isacat:但以上這理想我沒有做出來Orz....
→ Isacat:直式浮動選單其實相對來講容易 且應用時比較不易出錯
→ Isacat:假如是幫客戶做的網站 又讓選單可以自訂時 橫式選單很不利
→ oj113068:我可能想得比較單純，但如果用文字置中於畫面，
→ oj113068:不就好了嗎Orz 或一樣用浮動，我是說如果想要橫式的話