Доверьте продвижение нам
теги:

Категории

Рубрики

Как прижать текст к низу CSS

Если вы хотите прижать текст к низу блока, вы можете использовать свойство CSS align-items с значением flex-end. Например:

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-end;
}

.text {
  margin-top: auto;
}

В этом примере мы создаем контейнер с помощью display: flex, устанавливаем направление flex-direction: column и высоту height: 100%. Затем мы устанавливаем align-items: flex-end, чтобы выровнять содержимое контейнера по нижнему краю.

Чтобы прижать текст к низу, мы добавляем margin-top: auto для текстового элемента. Это заставит текст занять все доступное пространство между верхней границей блока и другими элементами, которые могут находиться выше него.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.