Можно ли отображать divs рядом друг с другом без плавания?

Я хочу поместить несколько div рядом друг с другом в одну строку. Все div имеют одинаковую высоту.

Здесь описано, как это можно сделать с помощью float: left.

Можно ли это сделать без использования float?

Ответы

Ответ 1

Зависит от того, что вы хотите сделать. Вы можете использовать display: inline-block;

Ответ 2

Вы можете использовать display: inline-block. Но, к сожалению, некоторые браузеры (некоторые версии IE) не поддерживают его.

http://www.brunildo.org/test/inline-block.html

http://www.quirksmode.org/css/display.html

Ответ 3

a display: block элемент (фактически) будет иметь разрыв строки в конце. Один из вариантов, который позволит вам сохранить стили стилей блоков, вставляя их в поток страниц, устанавливается display: inline-block (конечно, с дополнительная работа чтобы заставить себя вести себя)

Другой вариант - вложить их в них, установить их все на position: relative и использовать правило left для их выравнивания.

Ответ 4

Если у вас есть возможность изменить divs на элементы span, это устранит проблему без использования CSS

 <span></span><span></span><span></span><span></span>

Ответ 5

#together {
    position: absolute;
    display: inline-block;
	margin;left:10px;
	background-color:lightblue;
	width:500px;
	border:4px double blue;
}

<div id="together" style="left:10px">first div</div>
<div id="together" style="left:520px">second div</div>
<div id="together" style="left:1030px">third div</div>
<div id="together" style="left:1540px">fourth div</div>
<div id="together" style="left:2050px">fifth div</div>
<div id="together" style="left:2560px">sixth div</div>
<div id="together" style="left:3070px">seventh div</div>