<div> в линию

a1rborn · October 1, 2012

Столкнулся со следующей проблемой

Хочу разместить несколько див элементов в одну строку, что бы они шли по очереди, без интервалов.

Получается это сделать, если для каждого див элемента прописывать лефт\топ\райт позицию. Это довольно долго, и, как мне кажется, не совсем правильно.

По другому никак не могу сделать.

К примеру, в css в класс див вставлял display:inline - не помогло, пробовал float - тоже нуль результатов.

Буду благодарен за помощь

Код html


<html>
<link href="style.css" rel="stylesheet" type="text/css">
<body>
<div class="qwe" style="position:absolute;">див 1 </div>
<div class="qwe" style="position:absolute;">див 2 </div>

</body>
</html>

Код css


body
{background:#333333;
}

.qwe {
background:#009999;
display:inline;

mrnobody · October 1, 2012

float

.qwe {
background:#099;
float: left;
}

Edited October 1, 2012 by mrnobody

a1rborn · October 1, 2012

Не дружище, вот только что ради проверки вставил флоат, не помогает. Мб где то еще надо что то подредактирвать?

Получается что флоат работает для каждой новой див отступом не от предыдущей див, а просто от левого края экрана

DownHouse · October 1, 2012

Позишн убери. Флоат поставь.

http://jsfiddle.net/2QwJJ/

a1rborn · October 2, 2012

Вот это да!

От души большое спасибо, помогло!

Starter · October 2, 2012

Позишн убери. Флоат поставь.
http://jsfiddle.net/2QwJJ/

Float при наличии

display:inline

явно избыточен. Кстати, может все же лучше

display:inline-block

А то у Вас, a1rborn, получаются span'ы.

Edited October 2, 2012 by Starter

Sign In

<div> в линию

Question

a1rborn

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

mrnobody

Link to comment

Share on other sites

a1rborn

Link to comment

Share on other sites

DownHouse

Link to comment

Share on other sites

a1rborn

Link to comment

Share on other sites

Starter

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information