作者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/cn.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