nổi trái divs sẽ dòng tiếp theo

Question

Tôi có một cái gì đó tương tự như dưới đây:

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

Vấn đề là tôi cần phải có div này lặp lại nhiều lần. Nếu nó lặp lại nhiều lần, thay vì buộc bạn phải di chuyển sang phải để xem phần còn lại của nó (như tôi muốn nó), thay vào đó nó sẽ chuyển sang dòng tiếp theo.

Ví dụ về vấn đề này: http://jsfiddle.net/ruh7z/1/

Bất kỳ sự giúp đỡ với điều này sẽ là tuyệt vời, nhờ

Answer 1

Hành vi đó là chính xác những gì nổi được cho là phải làm. Nếu bạn sử dụng table-cell cho kiểu display của mình, có thể cung cấp cho bạn nhiều hơn những gì bạn đang mong đợi. Lưu ý rằng bạn sẽ phải sử dụng padding thay vì lề nếu bạn sử dụng table-cell.

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

Here's a sample trong số này được sử dụng.

Answer 2

đặt của div trong một "chiều rộng cố định" div container và ngăn chặn tràn. sau đó có các nút hoặc bất cứ điều gì ở mỗi đầu của div container để "trượt" các div con trái hoặc phải.