时间戳

首页 > 解决方案 > 允许哪些标签作为网格元素

css - 允许哪些标签作为网格元素

问题描述

这是一个标准的网格概念： 

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

我想有一些限制，但找不到任何关于此的规范。

标签： csscss-grid

解决方案

从未渲染过的 svg 元素肯定不能用作网格项目。

元素的其他后代<svg>也可能无法使用，尽管我找不到关于这些的任何规范。

对于 HTML 元素，如果您强制它生成 CSS 框，那么几乎任何东西都可以用作网格项。

推荐阅读