作者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/m.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