所有关于CSS Grid的指南似乎都暗示了一种结构,即在网格中定位的元素是网格元素本身的直接子元素:
<div class="wrapper">
<div>A</div>
<div>B</div>
</div>
.wrapper
具有 display: grid
和对于 grid 属性的定义。
如果我想要将一个作为网格的“孙元素”定位在网格本身上(而不是依赖其父元素),这样做有意义吗?
<div class="wrapper">
<div>A</div>
<div>
<div>B</div>
<div>C</div>
</div>
</div>
我希望将A
, B
和C
分别放在网格的不同行中,这样做有意义吗?
display: contents
来解决它,但目前仅受到 Firefox、WebKit TP 和 Chrome 标志后面支持。 - Ilya Streltsyn