浮动左div到下一行

Question

我有类似下面的内容：

<div style="float:left;margin-left:5px;">Test</div>

问题是我需要多次重复此div。如果它重复多次，而不是强迫你向右滚动以查看其余部分（就像我想要的那样），而是向下移动到下一行。

问题示例：http://jsfiddle.net/ruh7z/1/

对此有任何帮助都很棒，谢谢

Answer 1

这种行为正是浮动应该做的事情。如果您使用table-cell作为display样式，则可能会为您提供更多您期望的内容。请注意，如果您使用table-cell，则必须使用填充而不是边距。

.container div
{
    display: table-cell;
    padding-left: 5px;
}

Here's a sample正在使用中。

Answer 2

将div放在“固定宽度”容器div中并防止溢出。然后在容器div的每一端都有按钮或任何东西，以“向左或向右”滑动子div。