X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Grid прижать внизу слева
sergei_burg
sergei_burg
Topic Starter сообщение 4.6.2019, 20:29; Ответить: sergei_burg
Сообщение #1


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>
<style>
body{
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
font-size: 13px;
color: #000;
}
.box{
max-width: 900px;
margin: 0 auto;

display: grid;
grid-gap: 20px;
grid-auto-flow: column;
grid-template-columns: 1fr 1fr;
grid-template-rows: 50px 300px;
}
.block{
padding: 20px 20px 20px 20px;
background-color: lightgray;
}
.block:nth-child(4){
display: grid;
grid-gap: 20px;
grid-auto-flow: column;
grid-template-columns: 1fr 1fr;
}
.block-inside:nth-child(1){

}
.block-inside:nth-child(2){
align-self: end;
text-align: right;
}
</style>
<body>

<div class="box">
<div class="block">дата</div>
<div class="block">фото</div>
<div class="block">заголовок</div>
<div class="block">
<div class="block-inside">описание</div>
<div class="block-inside">сслыка</div>
</div>
</div>



</body>
</html>


Мне нужно вот этот блок прижать внизу справа
[CSS]
.block-inside:nth-child(2){
align-self: end;
text-align: right;
}[/CSS]

но не вот вот этим способом text-align: right;
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sergei_burg
sergei_burg
Topic Starter сообщение 5.6.2019, 3:02; Ответить: sergei_burg
Сообщение #2


нашел решение justify-self:right; мало ли кому будет полезно

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Автоматическая высота grid
0 askjust.ru 4506 13.2.2019, 13:32
автор: -askjust.ru-
Открытая тема (нет новых ответов) Прижать к низу экрана
2 sergei_burg 5382 2.9.2018, 23:17
автор: -dkflbr-
Открытая тема (нет новых ответов) Не подскажите как сделать, чтобы слева от текста не было такого отступа от края?
2 Nasty_Sav 6335 19.8.2014, 18:27
автор: -maksikys-
Открытая тема (нет новых ответов) Зафиксировать и прижать к низу браузера
5 bugmenot 4213 21.2.2012, 23:19
автор: -bugmenot-
Открытая тема (нет новых ответов) прилепить логотип слева от материалов Joomla 1.5
0 xSPiRiTx 4578 21.3.2011, 7:11
автор: -xSPiRiTx-


 



RSS Текстовая версия Сейчас: 29.3.2024, 3:17
Дизайн