какие теги разрешены в качестве элементов сетки - PullRequest
0 голосов
/ 03 марта 2020

это стандартная концепция сетки:

.wrap{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
}

<div class='wrap'>
<div class='el'>lorem</div>
<div class='el'>ipsum</div>
<div class='el'>dolor</div>
</div>

Я пробовал это:

<div class='wrap'>
<img class='el' src='...' alt='img'>
<img class='el' src='...' alt='img'>
<img class='el' src='...' alt='img'>
</div>

И, кажется, это работает - изображения как элементы сетки

Так что мой вопрос это - что еще я могу использовать в качестве элементов сетки - inputs, forms, video...

Я предполагаю, что есть некоторые ограничения, но не могу найти какую-либо спецификацию относительно этого.

1 Ответ

2 голосов
/ 03 марта 2020

Никогда не отображаемые элементы SVG не могут быть точно использованы в качестве элементов сетки.

Другие потомки <svg> элементов также, вероятно, не могут быть использованы, хотя я не могу найти никаких spe c для них.

Для HTML элементов почти все работает как элемент сетки, если вы заставляете его генерировать блок CSS.

...