【发布时间】:2011-12-20 16:51:58
【问题描述】:
这是一个例子。
我希望所有的绿色盒子和蓝色盒子一个接一个地排列整齐,没有大的间隙,除了既定的边距。出于某种原因,蓝色列中的第二个元素抱怨对齐。有没有人有任何建议,或者如果我以错误的方式处理这个问题,可以提供指导。我不想预先定义列,但除此之外,我对任何事情都持开放态度。谢谢!
【问题讨论】:
这是一个例子。
我希望所有的绿色盒子和蓝色盒子一个接一个地排列整齐,没有大的间隙,除了既定的边距。出于某种原因,蓝色列中的第二个元素抱怨对齐。有没有人有任何建议,或者如果我以错误的方式处理这个问题,可以提供指导。我不想预先定义列,但除此之外,我对任何事情都持开放态度。谢谢!
【问题讨论】:
您只能在左列上使用float: left,而在右列上简单地使用margin-left,而不是在两列上都使用浮点数,将这些div推过浮动的div。然后你只需要清理你的宽度和边距以保持一切均匀。
这是一个例子:http://jsfiddle.net/UZY6t/2/
【讨论】:
在除 Google Chrome 和 FF 之外的任何地方都未经测试,但您可以尝试使用 float: left 和 margin-left 的组合:
【讨论】: