Как горизонтально выровнять кнопки в различных элементах
У меня есть 3 кнопки в разных div с разным содержимым. Я хотел бы, чтобы все div были одинаковой высоты и горизонтально выравнивали 3 кнопки.
Ниже приведено изображение, показывающее текущую страницу и желаемую страницу со стилем, которого я хотел бы достичь. Но я просто добавил поля вручную в консоли разработчика, так что это не соответствует лучшей практике (см. изображение ниже, чтобы увидеть, как это выглядит на Ipad, не очень хорошо).
А вот как это выглядит на iPad (потому что я просто вручную добавил margin-top к каждому div).
Кто-нибудь знает правильный способ достижения этого? Ниже приведен код:
Установите position:relative для родителя (.plan) и установите position: absolute для элемента кнопки, чтобы поместить его ниже bottom: 30px;
На мобильном представлении переключите положение кнопки обратно на начальное, установите margin bottom и удалите свойство transform