У меня проблема с space-evenly
стоимостью для justify-content
на Chrome mobile (он отлично работает на рабочем столе и на мобильном телефоне Firefox).
Мне удалось создать минимальный пример: Пример
У меня есть гибкий контейнер в направлении строки, и я хочу, чтобы элементы были равномерно распределены, как это было предусмотрено при использовании space-evenly
. Он работает на рабочем столе, но на Chrome mobile (версия 59 на Android) элементы выравниваются слева. Вот сравнение двух: Сравнение
center
и space-around
значения работают, как и предполагалось, но я действительно хочу использовать space-evenly
или эквивалентное (для меня важно также поведение flex-wrap: wrap
.
Вот мой HTML:
<div class="container">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
И вот мой CSS:
.container {
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: wrap;
background: lightgrey;
}
.element {
margin: 8px;
width: 42px;
height: 42px;
background: black;
}
Заранее спасибо!