这是一个标准的网格概念:
.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...
我想有一些限制,但是找不到关于此的任何规范。
Never rendered svg elements确定不能用作网格项目。