[问题] RWD均分的menu问题? cgcat PTT批踢踢实业坊

[问题] RWD均分的menu问题?

楼主: cgcat (小绵羊赶集) 2014-06-13 14:50:41

我又来发问了^^
最近一个才在接触RWD所以有很多疑问上来讨教
这次的问题是我要做一个均分的MENU
在每个图示按钮下面会有系统字的文字MENU
但是它就是不乖乖的待在图片下面
我有哪个地方应该修改呢?
谢谢
以下是CODE
http://jsbin.com/juvuxafa/1/edit
我想要制作的效果是这样,MENU图片的部分会随装置大小缩放
如果把FLOAT改位子那他还会置中吗?
http://ppt.cc/8tT1
换个方式写,不用UL的方式,可是不会水平排列了
其他效果倒是都是我想要的,可恶!要调整哪里
CODE
http://jsbin.com/juvuxafa/1/edit

作者: saluyi (JOJO) 2014-06-13 15:43:00

你的float:left换个地方就可以了

作者: mmis1000 (秋月恋枫) 2014-06-13 15:50:00

http://jsbin.com/juvuxafa/5/edit 改这样？

作者: leochen0818 (Leo) 2014-06-13 16:43:00

其实我不太懂你.menu .btn的display设inline-box的用意，也不太清楚你想要呈现的画面是怎样@@另外，如果要让每个图示按钮下面会有系统字的文字MENU我或许会用span将文字包住，.item设relative，span设absolute来控制文字的位置，一切的一切还是看你想要怎样的画面，或是有怎么样的效果等等来决定要怎么用CSS

作者: mmis1000 (秋月恋枫) 2014-06-13 17:31:00

图和文字都用div包装，容器用text-align:centerhttp://jsbin.com/juvuxafa/6/edit

楼主: cgcat (小绵羊赶集) 2014-06-16 11:51:00

感谢MM大~喔耶

继续阅读

[问题] 图片档名长宽比例的问题nknudragon [问题] 4K 萤幕 or 高分辨率网页文字aquatear [问题] 为什么ul不适置顶cgcat [问题] 两个textbox没有间距BigLoser [情报] 网站开发(非常)入门课程 dinos [请益] 网页前端视觉与人因设计,有出国留学的吗?yanggh [问题] 表格(table) 框线BadPlayer [问题] 征求帮忙写简易网页(需有登入帐号功能)peter222 [问题] 如何判断div显示元素个数birthday526 [问题] 程式码为JPG档?relax85012