Элементы смещаются вверх flexbox Safari, что можно сделать?
Стоят все префиксы, однако все равно есть такая проблема, в других браузерах все отлично.
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
Ответы (1 шт):
Автор решения: Qwertiy
→ Ссылка
А может по-старинке? Ещё может оказаться, что высота элемента отличается от высоты текста на нечётное число пикселей - в таком случае рекомендую увеличить высоту на 1px.
* {
box-sizing: border-box;
}
div {
float: left;
min-width: 10ch;
line-height: 2em;
border: 1px solid;
border-radius: 1em;
text-align: center;
}<div>-15%</div>