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

看板Web_Design作者 (芙丹娜)時間10年前 (2015/09/08 09:25), 10年前編輯推噓1(107)
留言8則, 4人參與, 最新討論串1/1
我用一個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

09/08 11:59, , 1F
你裡面格子的31%,是外層80%的31%
09/08 11:59, 1F

09/08 12:00, , 2F
你如果要它是2*2這樣換行下來,那應該裡面要下50%
09/08 12:00, 2F

09/08 12:15, , 3F
要不要貼原始碼上來看比較清楚啊?
09/08 12:15, 3F

09/08 13:22, , 4F
你裡面是31% 總共是93% 你又加了MARGIN+起來超過
09/08 13:22, 4F

09/08 13:23, , 5F
最外層的80%就會換行啊 不想他換行 就在口裡面在加div
09/08 13:23, 5F

09/08 13:23, , 6F
外面的div不要用邊框 用在裡面 裡面的div一樣設定%數
09/08 13:23, 6F

09/08 13:23, , 7F
就好了
09/08 13:23, 7F

09/09 04:29, , 8F
改用inline-block,外層設white-space:nowrap
09/09 04:29, 8F
文章代碼(AID): #1LxZaWut (Web_Design)
文章代碼(AID): #1LxZaWut (Web_Design)