Как установить одинаковое поле для строк и столбцов в сетке CSS? - PullRequest
0 голосов
/ 19 апреля 2019

у меня есть такой контейнер

    #container{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    }

таких предметов

    .picture_tile{
        width:200px;
        height: 200px;
        position: relative;
        background: white;
        color: black;
        margin: auto;
    }

регулируется по горизонтали. Он хорошо настраивается при масштабировании моего монитора, возможно ли также применить пространство между изображениями к строкам? Я абсолютный новичок в CSS. Можно ли применить то же пространство, которое меняется между элементами на вертикальном зазоре? Когда я масштабирую свой монитор и горизонтальный промежуток между предметами составляет 10-50 пикселей. Могут ли те же изменения применяться к вертикальному зазору при изменении горизонтального размера моего окна? Надеюсь, это понятно. Я только хочу иметь идеальную сетку с идеальными промежутками, все то же самое, но контент будет динамичным и будет вести себя как при отображении: сетка применяется

1 Ответ

0 голосов
/ 19 апреля 2019

Вы можете использовать grid-gap: value собственность на вашем #container

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...