#css #flexbox
Вопрос:
Каждая из двух строк имеет значение display: flex
и justify-content: space-between
. Они не выровнены по красной линии так, как я хочу, поскольку тексты имеют разную длину. Как я могу выстроить их таким образом, чтобы длина текста не имела значения и они всегда оставались выровненными?
Комментарии:
1. Пожалуйста, разместите в вопросе достаточное количество кода, чтобы мы могли воспроизвести проблему. Спасибо.
Ответ №1:
Во второй строке центральный элемент (текст) расширен, так как ширина текста больше. Если вы хотите, чтобы все линии были выровнены слева и справа (для кнопки регистрации), вам следует взглянуть на flex-shrink
и flex-grow
.
https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink