Задать вопрос
The_Lars
@The_Lars

Как центрировать блоки с float:left?

Добавил к div`ам float:left, теперь блоки идут колонками, но прижаты к левой части браузера. Можно их как-то центрировать ? Или только на глаз ?
  • Вопрос задан
  • 1921 просмотр
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 4
afishr
@afishr
make const not var
Можно с помощью clearfix, и если знать точную ширину плавающих блоков
JSFiddle
Ответ написан
Комментировать
@zhainar
Гуглю за вас
Если ширина в процентах то можно с помощью: margin-left: (100% - width)/2
Если в других значениях: margin-left: calc(50% - width/2)
Ответ написан
Комментировать
Per_Ardua
@Per_Ardua
Frontend developer
Если есть возможность - откажись от float'ов (первый ответ)
Если нет - третий ответ :)
Можно так же центрировать внешний блок, но у него должна быть указана ширина. И для верного центрирования она должна быть равна сумме широт блоков и пространств между ними.
Ответ написан
Комментировать
css-live.ru/articles-css/ravnomernoe-vyravnivanie-...

вариант с justify самый кроссбраузерный и рабочий
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы