作者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