Master-X
Форум | Новости | Статьи
Главная » Форум » Программинг, Скрипты, Софт, Сервисы » 
Тема: Несколько div float:left выровнять по центру (горизонталь)
цитата
06/08/11 в 20:02
 Vyacheslav
Например, рабочий пример с фиксированым колвом элементов:
Код:
<style>
#content {width:360px; margin:0 auto;}
.ddd {float:left; width:120px;}
</style>
...
<div id="content">
<div class="ddd">Title1</div>
<div class="ddd">Title2</div>
<div class="ddd">Title3</div>
</div>


Должно получиться что-то типа Title1,Title2,Title3 идущих в одной строке подряд по центру экрана по горизонтали. Но дело в том, что колво <div class="ddd">TitleX</div> может быть переменным, как и 3 (как в премере), так и 1 и 5ть, а <div id="content"> как видно не резиновый..
Как можно в случае с переменным колвом <div class="ddd"> отцентрировать их все по центру по горизонтали?
цитата
06/08/11 в 21:39
 Joseph
Врывается бесплатная помощь на мх))

Я иногда юзаю такую схему(допустим меню), для этого убирай флоат с этих элементов и ставь display:inline-block и в #content ставь text-align:center.

Но если эл-ты обязательно должны был Флоат, то тогда сработает схема с двумя обертками. Гугли: css float center и таму подобные запросы.

Вот уже готовый вариант: http://pmob.co.uk/pob/centred-float.htm
цитата
07/08/11 в 00:23
 Vyacheslav
Не принципиально, главное, чтоб работало во всех браузерах!
Огромное спасибо!


Эта страница в полной версии