Блог
Выровнять содержимое блока div по нижнему краю
Anton
13.04.2024 08:09
23
Чтобы выровнить блок по нижнему краю можно поступить следующим образом.
Вариант №1
CSS:
* {
padding: 0;
margin: 0;
}
div {
width: 500px;
display: table;
min-height: 250px;
background: red;
}
div p {
display: table-cell;
vertical-align: bottom;
}
html код страницы:
<div>
<p>Данный текст находится ровно по нижнему краю того места, где он вставлен.p>
div>
Вариант №2
CSS:
*{
padding: 0;
margin: 0;
}
div{
width: 500px;
min-height: 250px;
background: #00f;
color: #fff;
position: relative;
padding: 15px;
box-sizing: border-box;
}
div p{
position: absolute; bottom: 0;
}
html код страницы:
<div>
<p>Данный текст находится ровно по нижнему краю того места, где он вставлен.p>
div>
Средний рейтинг 0
|
Комментарии:
Здесь нет комментариев.
Здесь пока нет ни одного комментария, вы можете стать первым!
|
16+ Сайт может содержать контент, не предназначенный для лиц младше 16 лет