首页 > web前端 > css教程 > 使网格元素跨度到父级的整个宽度

使网格元素跨度到父级的整个宽度

WBOY
发布: 2024-07-18 22:12:03
原创
712 人浏览过

Make a grid element span to the full width of the parent

无堆积。咱们进入正题吧。

您有一个网格容器,它有一些子元素,分为您想要的任意多列。现在,假设网格容器有七个元素,这些元素分为三列。您希望第七个元素占据父元素的整个宽度。

这是代码片段。

.seven {
    grid-column: 1 / span 3;
}
登录后复制

在此处查看完整示例:https://codepen.io/ccgaejza-the-selector/pen/dyELmRE

以上是使网格元素跨度到父级的整个宽度的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板