作者chonhan ()
看板Web_Design
標題[問題] CSS 在 menu layout 上的配置
時間Tue Aug 16 11:45:43 2011
想請問版上的各位
小弟最近寫了一個樣板 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)
1F：→ oj113068:如果要以母選項為中心的話感覺要修改HTML結構 08/16 12:27
2F：→ oj113068:但如果以整個選單至中的話也許用margin:0 auto把次選單 08/16 12:28
3F：→ oj113068:置中？不過這樣次選單要有寬度或是要用inline-block吧 08/16 12:30
4F：推 kurtisgod:可以 css position 或者手動拉左邊的距離 08/16 14:34
5F：推 Isacat:我試過各種方法都覺得有點彆扭 後來改成直式下拉選單... 08/17 11:22
6F：→ Isacat:其實這些選單網路上免費分享的很多 選擇也很多啦 08/17 11:23
7F：→ Isacat:橫式選單理想的方式 應該是要讓次選單左邊與其主選項切齊 08/17 11:24
8F：→ oj113068:做成橫式可以一直顯示在畫面上，直式要做浮動的吧 08/17 11:26
9F：→ Isacat:然後當次選單寬度無法與其主選項切齊時 至少會貼到最右邊 08/17 11:26
10F：→ Isacat:但以上這理想我沒有做出來Orz.... 08/17 11:26
11F：→ Isacat:直式浮動選單其實相對來講容易 且應用時比較不易出錯 08/17 11:27
12F：→ Isacat:假如是幫客戶做的網站 又讓選單可以自訂時 橫式選單很不利 08/17 11:27
13F：→ oj113068:我可能想得比較單純，但如果用文字置中於畫面， 08/17 11:29
14F：→ oj113068:不就好了嗎Orz 或一樣用浮動，我是說如果想要橫式的話 08/17 11:30