Поплавок оставил дивы собирается на следующую строку

Question

У меня есть кое-что подобное ниже:

<div style="float:left;margin-left:5px;">Test</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 влево или вправо.