非矩形CSS网格元素

Non-rectangular CSS grid elements(非矩形CSS网格元素)
本文介绍了非矩形CSS网格元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

假设我想在一个css网格布局中使用自动密集打包。有没有办法引入非矩形区域配置?例如,覆盖一行中的两列而下一行中仅一列的L型区域。我已尝试显式命名网格单元格,但不起作用。

推荐答案

不支持非矩形网格项目。来自spec:

每个网格项都与网格区域相关联,网格区域是网格项占据的一组相邻网格单元的矩形集合。

And:

注意:此模块的未来版本可能允许使用非矩形或断开连接的区域。

(这并不意味着已经计划了这样的功能,只是说没有什么阻止将来添加这样的功能)

这篇关于非矩形CSS网格元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)
How to rotate outer div not inner content(如何旋转外部div而不是内部内容)
how to apply css transform to child on parent hover(如何对父级悬停时的子级应用CSS变换)
Only transition a transform in css?(是否仅在css中转换转换?)
CSS transform doesn#39;t change CSS layout(Css转换不会更改css布局)