Fatal编程技术网
  • html/
  • Html 将网格项扩展到CSS网格的整个宽度

Html 将网格项扩展到CSS网格的整个宽度

html css

Html 将网格项扩展到CSS网格的整个宽度,html,css,css-selectors,css-grid,Html,Css,Css Selectors,Css Grid,如何使用display:grid，使其仅针对.entry或.post元素，并排除存档标题和分页 （archive description和pagination以跨越内容div的整个宽度） .content{ 显示：网格； 网格模板柱：1fr 1fr 1fr； 栅隙：20px； } 档案标题 这是一个帖子 这是一个帖子 这是一个帖子 上一个条目和下一个条目 您可以使用网格列：span 3跨网格列跨越存档说明和分页 请参见下面的演示-添加边框以获取说明（还将li添加到div以获取有效标记）：

如何使用
display:grid
，使其仅针对
.entry
或
.post
元素，并排除存档标题和分页

（
archive description
和
pagination
以跨越内容div的整个宽度）

.content{
显示：网格；
网格模板柱：1fr 1fr 1fr；
栅隙：20px；
}

档案标题
这是一个帖子
这是一个帖子
这是一个帖子

  • 上一个条目和下一个条目
    •
    您可以使用
    网格列：span 3
    跨网格列跨越
    存档说明
    和
    分页
    
请参见下面的演示-添加边框以获取说明（还将
    li
    添加到
    div
    以获取有效标记）：
    


    .content{
显示：网格；
网格模板柱：1fr 1fr 1fr；
栅隙：20px；
位置：相对位置；
边框：1px纯绿色；
}
.archive description、.pagination{
格构柱：跨度3；
文本对齐：居中；
}
主要>*{
边框：1px实心；
}
    

    
档案标题
这是一个帖子
这是一个帖子
这是一个帖子
上一个条目和下一个条目

    …但基本上。。。不能更改这些图元的布局将受到父图元上栅格特性的影响。你不能按类选择退出网格。也许你可以澄清一下它应该是什么样子。或者干脆把这个div从网格中完全去掉-@Dev你想用
    存档描述和
    分页来跨越网格列吗？@kukkuz内容的全宽divkukkuz谢谢，但不适用于带有侧边栏的模板。