Flexbox: space-between ведет себя как space-around
311
22 февраля 2017, 22:18
В коде ничего лишнего:
.slider-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.slider {
width: 580px;
}
Результат на прилагаемом скрине. Если применить flexbox к дочернему элементу — блоки растягиваются по ширине, игнорируя отступы и max-width: 580px.
Answer 1
Скорее всего, дело в том, что у .slider есть свойство margin: auto. С ним флексбокс-потомки ведут себя именно так:
.container {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid red;
}
.child {
height: 100px;
border: 1px solid;
width: 250px;
margin: auto;
}<div class="container">
<div class="child"></div>
<div class="child"></div>
</div>
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47699 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30546 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23726 visits
- Как через css изменить цвет png изображения? 10373 visits
- Blob video url download 9981 visits
- Php curl запрос через прокси с авторизацией 9240 visits
- Работа с captcha vk api 8117 visits
© "hostciti.net" 26.1.2025 | 09:35