+ Ответить в теме
Показано с 1 по 2 из 2

Тема: Grid прижать внизу слева

  1. #1
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Grid прижать внизу слева


    <!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>


    Мне нужно вот этот блок прижать внизу справа

    .block-inside:nth-child(2){
    align-self: end;
    text-align: right;
    }


    но не вот вот этим способом text-align: right;

  2. #2
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    75
    Thanks
    6
    Thanked 0 Times in 0 Posts
    нашел решение justify-self:right; мало ли кому будет полезно

+ Ответить в теме

Похожие темы

  1. Grid как правильно решить задачу
    от sergei1980 в разделе CSS
    Ответов: 1
    Последнее сообщение: 03.06.2019, 11:14
  2. вопрос 1level-а по grid-ам
    от uyiopli в разделе CSS
    Ответов: 0
    Последнее сообщение: 10.04.2019, 10:43
  3. Автоматическая высота grid
    от askjust.ru в разделе CSS
    Ответов: 0
    Последнее сообщение: 13.02.2019, 11:32
  4. CSS GRID Нужна помощь
    от Layman в разделе CSS
    Ответов: 1
    Последнее сообщение: 30.04.2018, 15:40
  5. как связать textbox с grid'ом
    от madok в разделе JavaScript
    Ответов: 6
    Последнее сообщение: 15.07.2013, 07:30

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения