作者cgcat (小绵羊赶集)
看板Web_Design
标题[问题] RWD均分的menu问题?
时间Fri Jun 13 14:50:41 2014
我又来发问了^^
最近一个才在接触RWD所以有很多疑问上来讨教
这次的问题是我要做一个均分的MENU
在每个图示按钮下面会有系统字的文字MENU
但是它就是不乖乖的待在图片下面
我有哪个地方应该修改呢?
谢谢
以下是CODE
http://jsbin.com/juvuxafa/1/edit
我想要制作的效果是这样,MENU图片的部分会随装置大小缩放
如果把FLOAT改位子那他还会置中吗?
http://ppt.cc/8tT1
换个方式写,不用UL的方式,可是不会水平排列了
其他效果倒是都是我想要的,可恶!要调整哪里
CODE
http://jsbin.com/juvuxafa/1/edit
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 59.124.108.82
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1402642250.A.F32.html
1F：推 saluyi:你的float:left换个地方就可以了 06/13 15:43
3F：→ leochen0818:其实我不太懂你.menu .btn的display设inline-box的 06/13 16:43
4F：→ leochen0818:用意，也不太清楚你想要呈现的画面是怎样@@ 06/13 16:45
5F：→ leochen0818:另外，如果要让每个图示按钮下面会有系统字的文字MENU 06/13 16:46
6F：→ leochen0818:我或许会用span将文字包住，.item设relative，span设 06/13 16:47
7F：→ leochen0818:absolute来控制文字的位置，一切的一切还是看你想要怎 06/13 16:48
8F：→ leochen0818:样的画面，或是有怎麽样的效果等等来决定要怎麽用CSS 06/13 16:49
※ 编辑: cgcat (59.124.108.82), 06/13/2014 17:13:37
※ 编辑: cgcat (59.124.108.82), 06/13/2014 17:21:30
9F：→ mmis1000:图和文字都用div包装，容器用text-align:center 06/13 17:31
※ 编辑: cgcat (59.124.108.82), 06/13/2014 18:19:22
※ 编辑: cgcat (59.124.108.82), 06/13/2014 18:20:18
※ 编辑: cgcat (59.124.108.82), 06/13/2014 18:20:53
11F：→ cgcat:感谢MM大~喔耶 06/16 11:51