1

Имеется див, внутри которого несколько маленьких дивов. Нужно центрировать их по вертикали и прижать к правому краю.

Центрировать получилось с помощью display: flex; Как я могу теперь пижать их к правому краю? margin-left: auto; делает отступ между дивами, а мне нужно прижать их к правому краю без отступов между собой.

4
  • Сделай им float:right; , но нужно будет ихнему родителю дать padding-top: calc(50% - половина высоты дива). И flex можно будет убрать.
    – user190134
    22 авг 2016 в 2:35
  • @user190134 у родительского дива высота не фиксированная, определяется контентом, не знаю точное значение. float-right не дает эффекта, а padding-top: calc(50%) примененный к родителю - сильно растягивает его по вертикали.
    – Rumata
    22 авг 2016 в 2:41
  • Тому же блоку, которому задали display: flex; задайте justify-content: flex-end;
    – stackanon
    22 авг 2016 в 2:45
  • @stackanon Спасибо, то что нужно! Если оформите как ответ - смогу принять.
    – Rumata
    22 авг 2016 в 2:46

1 ответ 1

3

Блоку, которому задали display: flex; задайте justify-content: flex-end;

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.