浮动左div到下一行

Question

我有类似下面的内容:

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

问题是我需要多次重复这个div.如果它重复多次,而不是强迫你向右滚动以查看剩下的部分(就像我想要的那样),而是向下移动到下一行.

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

Answer 1

这种行为正是浮动应该做的事情.如果你使用table-cell你的display风格,那可能会给你更多你期待的东西.请注意,如果使用,则必须使用填充而不是边距table-cell.

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