[問題] RWD均分的menu問題?

看板Web_Design作者 (小綿羊趕集)時間11年前 (2014/06/13 14:50), 11年前編輯推噓1(1010)
留言11則, 4人參與, 最新討論串1/1
我又來發問了^^ 最近一個才在接觸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://www.ptt.cc/bbs/Web_Design/M.1402642250.A.F32.html

06/13 15:43, , 1F
你的float:left換個地方就可以了
06/13 15:43, 1F

06/13 15:50, , 2F
06/13 15:50, 2F

06/13 16:43, , 3F
其實我不太懂你.menu .btn的display設inline-box的
06/13 16:43, 3F

06/13 16:45, , 4F
用意,也不太清楚你想要呈現的畫面是怎樣@@
06/13 16:45, 4F

06/13 16:46, , 5F
另外,如果要讓每個圖示按鈕下面會有系統字的文字MENU
06/13 16:46, 5F

06/13 16:47, , 6F
我或許會用span將文字包住,.item設relative,span設
06/13 16:47, 6F

06/13 16:48, , 7F
absolute來控制文字的位置,一切的一切還是看你想要怎
06/13 16:48, 7F

06/13 16:49, , 8F
樣的畫面,或是有怎麼樣的效果等等來決定要怎麼用CSS
06/13 16:49, 8F
※ 編輯: cgcat (59.124.108.82), 06/13/2014 17:13:37 ※ 編輯: cgcat (59.124.108.82), 06/13/2014 17:21:30

06/13 17:31, , 9F
圖和文字都用div包裝,容器用text-align:center
06/13 17:31, 9F
※ 編輯: 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

06/13 18:29, , 10F

06/16 11:51, , 11F
感謝MM大~喔耶
06/16 11:51, 11F
文章代碼(AID): #1JcfzAyo (Web_Design)