Я пытаюсь создать эту веб-страницу с курса от udemy. Если вы посмотрите на картинку, вы заметите, что внизу в разделе GET INVOLVED мои кнопки и тексты не выровнены. Мне нужен совет, как сделать эти столбцы, даже чтобы кнопки были выровнены. Должен ли я использовать margin/padding или есть другой способ?Выравнивание кнопок
Предполагая, что описание написано в div попытаться дать min-height к этому div
Возрастное старый вопрос в самом деле: как сделать 2+ div с такой же высоты?
Было много хаков и обходных путей, но в настоящее время flexbox приходит на помощь.
#wrapper { /* Something around those 3 columns */
display: flex;
}
.pill { /* Every column has this class */
flex: 1;
align-items: center;
display: flex;
justify-content: space-between;
flex-direction: column;
}
Перед использованием этого примера, я рекомендовал бы читать что-то о flexbox, может быть this exhaustive guide.
Как указано ниже, в комментариях есть некоторые проблемы с поддержкой кросс-браузера на данный момент. More details here
Я поклонник 'flex' - я использую всякий раз, когда могу. Но если я собираюсь предложить его в качестве возможного решения в ответ, я всегда чувствую себя обязанным обосновать его ссылками на ссылки, связанные с поддержкой браузера и общей совместимостью между браузерами. https://dev.opera.com/articles/advanced-cross-browser-flexbox/ – UncaughtTypeError
@UncaughtTypeError Ах да, действительно. Отредактировал свой ответ немного, спасибо за предложение. – Somrlik
попробуйте определить некоторые с указанием поля: 0 авто, он будет выровнен по центру в пределах указанной ширины –
Вы пробовали настройку min и max-height для текста? –
im blind Я не вижу проблемы – Spiderman