[問題] 格子不會換行的方法

[Verdana (芙丹娜)]

        我用一個div包住了三個格子

        「口口口」　→像這樣

        「」是80%~　口口口是 max-width: 31%;

        目前是打算就算這個格子怎麼縮　它都不會換行

        我發現給裡面的格子加了margin-left

        調整包心格子的寬度，裡面的格子就會換行了！！

        還想請教大家這該怎麼才好？

        因為我也想要它們排整齊QAQ

        要是沒有給裡面格子加上margin

        會變這樣「口口口　」

        多了一段小空白　調整寬度還是一樣在

        覺得這樣不好看

        腦袋卡卡的　盼大家指點　感謝感謝


--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.205.21
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1441675552.A.E37.html
※ 編輯: Verdana (36.224.205.21), 09/08/2015 09:29:57
→ RedMapleWing: 你裡面格子的31%，是外層80%的31%
→ RedMapleWing: 你如果要它是2*2這樣換行下來，那應該裡面要下50%
→ oj113068: 要不要貼原始碼上來看比較清楚啊?
→ crossdunk: 你裡面是31% 總共是93% 你又加了MARGIN+起來超過
→ crossdunk: 最外層的80%就會換行啊 不想他換行 就在口裡面在加div
→ crossdunk: 外面的div不要用邊框 用在裡面 裡面的div一樣設定%數
→ crossdunk: 就好了
推 aspdoctor: 改用inline-block，外層設white-space:nowrap