Мне нужно, чтобы мои элементы были в одной строке, в центре по высоте и имели право горизонтального выравнивания в ограниченном блоке. Я попытался использовать flexbox для этого, и все отлично работает только для одной позиции, иначе переполненный элемент займет все свободное пространство, и он не выглядит правильно выровненным.Простая помощь CSS
.flex {
width:80px;
display: flex;
align-items: center;
justify-content: flex-end;
}
span {
text-align:right;
}
<div class="flex">
<i>0</i>
<span>
good
</span>
</div><br>
<div class="flex">
<i>0 </i>
<span>
Not that good
</span>
</div>
Вы пытались удалить ширину? Вероятно, текст не так уж хорош для ширины 80 и поэтому flexbox добавляет некоторые разрывы строк. –
Я не могу удалить ширину, div div ограничен некоторой шириной, и да «Не так хорошо» слишком длинный для этой ширины, и я хочу, чтобы он прорвался в строки, но я также хочу, чтобы «Не так хорошо» не принимать дополнительное пространство в div, поэтому весь блок будет выглядеть правильно. –