[問題] 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