作者Verdana (芙丹娜)
看板Web_Design
標題[問題] 格子不會換行的方法
時間Tue Sep 8 09:25:49 2015
我用一個div包住了三個格子
「口口口」 →像這樣
「」是80%~ 口口口是 max-width: 31%;
目前是打算就算這個格子怎麼縮 它都不會換行
我發現給裡面的格子加了margin-left
調整包心格子的寬度，裡面的格子就會換行了！！
還想請教大家這該怎麼才好？
因為我也想要它們排整齊QAQ
要是沒有給裡面格子加上margin
會變這樣「口口口 」
多了一段小空白 調整寬度還是一樣在
覺得這樣不好看
腦袋卡卡的 盼大家指點 感謝感謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.205.21
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1441675552.A.E37.html
※ 編輯: Verdana (36.224.205.21), 09/08/2015 09:29:57
1F：→ RedMapleWing: 你裡面格子的31%，是外層80%的31% 09/08 11:59
2F：→ RedMapleWing: 你如果要它是2*2這樣換行下來，那應該裡面要下50% 09/08 12:00
3F：→ oj113068: 要不要貼原始碼上來看比較清楚啊? 09/08 12:15
4F：→ crossdunk: 你裡面是31% 總共是93% 你又加了MARGIN+起來超過 09/08 13:22
5F：→ crossdunk: 最外層的80%就會換行啊 不想他換行 就在口裡面在加div 09/08 13:23
6F：→ crossdunk: 外面的div不要用邊框 用在裡面 裡面的div一樣設定%數 09/08 13:23
7F：→ crossdunk: 就好了 09/08 13:23
8F：推 aspdoctor: 改用inline-block，外層設white-space:nowrap 09/09 04:29