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

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

Добавил к div`ам float:left, теперь блоки идут колонками, но прижаты к левой части браузера. Можно их как-то центрировать ? Или только на глаз ?
  • Вопрос задан
  • 1932 просмотра
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 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 самый кроссбраузерный и рабочий
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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