想要做出图片样式的效果，但是用grid布局好像不能取消上下两个网格之间的间距。
如果不行用什么布局可以实现呢？
css中grid布局可以单独取消两个相邻网格的间距吗？
如果不行用什么布局可以实现呢？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2025-07-17 13:36编程随想_Code的博客 在网页设计领域，布局一直是开发者面临的挑战。从最初的表格布局到浮动布局，再到Flexbox，现在终于迎来了最强大...作为CSS中的二维布局系统，Grid让我们能够轻松创建复杂的响应式布局，彻底改变了我们设计网页的方式。
- 2021-06-02 10:15网格轨道是指两个相邻网格线之间的空间。网格行是指垂直的网格轨道，而网格列则是指水平的网格轨道。网格线则是网格布局中的分隔线，用于划分网格容器为行和列。 CSS Grid布局提供了以下属性来规定网格的行列： - ...
- 2020-12-13 22:55CSS Grid布局是现代网页设计中一个强大的工具，它允许开发者以二维网格的形式组织页面内容，大大简化了复杂的页面布局问题。不再需要依赖如float、inline-block或position等传统布局方式，Grid提供了一种更为结构化...
- 2024-09-16 23:33懒羊羊大王呀的博客 CSS网格布局（CSS Grid Layout）是一种用于创建复杂网页布局的系统，它允许开发者以二维系统（行和列）来控制元素的布局。跟 Flexbox 类似，网格布局也是作用于两级的 DOM 结构。设置为 display: grid 的元素成为一...
- 2025-04-08 14:54小杨升级打怪中的博客 和控制网格项在列方向上的起始和结束位置。和控制网格项在行方向上的起始和结束位置。可以使用简写和grid-row来同时设置起始和结束位置，简化代码。span关键字用于设置网格项跨越的列数或行数。简写属性grid-area你...
- 2025-05-23 23:05AI实战架构笔记的博客 本文的目的是帮助读者全面掌握CSS Grid布局，并通过实际案例展示其在网页设计中的应用。范围涵盖了CSS Grid布局的基础概念、核心原理、具体操作步骤以及10个经典的实战案例。本文适合有一定HTML和CSS基础，想要...
- 2025-12-09 20:55Rooosie的博客 ：行和列交叉形成的区域，是网格中最小的单位，元素成为网格容器后，其直接子元素会自动布局在每个定义好的网格单元中。堆积算法，后面的元素较小则会试图填充网格中稍大元素留下的空白，也可能导致元素出现的次序被...
- 2021-02-07 14:311. **Grid Container（网格容器）**: CSS Grid布局中的主元素，通过应用`display: grid;`属性来定义一个网格容器。 2. **Grid Items（网格项）**: 网格容器内的子元素，它们自动按照网格结构进行排列。 3. **Grid ...
- 2023-12-16 18:15weixin79893765432...的博客 grid 布局将网页划分成一个个网格，可以任意组合不同的网格成“行和列”，可以定义这些网格的大小、位置、层次等关系，从而实现各种各样的布局。Grid 布局远比 Flex 布局强大。
- 2024-05-14 01:46_洋的博客 grid 是一个 CSS 简写属性，可以用来设置以下属性： 显式网格属性 grid-template-rows、grid-template-columns 和 grid-template-areas， 隐式网格属性 grid-auto-rows、grid-auto-columns 和 grid-auto-flow， 间距...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月20日
已采纳回答
3月12日-
创建了问题
3月11日