grid 相关问题

此标记含糊不清，请不要使用它。对于行列布局，请使用[grid-layout]。对于CSS Grid布局，请使用[css-grid]。对于HPC设置，请使用[网格计算]。对于R绘图包，请使用[r-grid]。对于多维数据，请使用[matrix]或[array]或[raster]。对于WPF网格控件，请使用[wpfgrid]

如何在 JavaScript 中向网格中的方块添加功能？

我使用 HTML、CSS 和 JavaScript 制作了一个网格，主要基于 Stack Overflow 使用 JavaScript 创建 16x16 网格这个问题的答案中的代码。我的问题是我想做

javascript grid containers

回答 1 投票 0

CSS 网格模板

我想使用网格创建这个模板：我是网格新手，我不知道属性以及如何明智地使用它来创建此模板我正在研究 Flex 属性，但我不知道如何

html css templates grid

回答 1 投票 0

CSS 间隙与边距

CSS的gap属性和margin属性之间的主要区别是什么？对于以下 html 代码，什么时候应该使用间隙和边距？ CSS的gap属性和margin属性之间的主要区别是什么？对于以下 html 代码，什么时候应该使用间隙和边距？ <div class="container"> <div class="item">Item 1</div> <div class="item">Item 2</div> <div class="item">Item 3</div> <div class="item">Item 4</div> </div> gap css 属性和 margin 之间的主要区别在于 gap 在项目之间创建空间，而 margin 在每个项目周围创建空间。例如，下面的 gap 用于在网格项之间创建 20 像素的空间。在第二个示例中，边距用于在每个弹性项目周围创建 10 个像素的空间。 <div class="container"> <div class="item">Item 1</div> <div class="item">Item 2</div> <div class="item">Item 3</div> <div class="item">Item 4</div> </div> /* I. option: Using gap */ .container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } /* II. option: Using margin */ .container { display: flex; flex-wrap: wrap; margin: -10px; } .item { flex: 1 0 calc(50% - 20px); margin: 10px; } 虽然 margin 在某些情况下表现良好，但 gap 的一般优点是： gap 对于可重用组件来说更可取 gap让造型变得很多代码变得更干净、更容易维护开箱即用的响应式设计需要更少的计算：每个元素相对于彼此的位置来自父组件注意： gap 可用于弹性盒和网格布局

html css gridview flexbox grid

回答 1 投票 0

如何在CSS网格上制作这样的标记？

我遇到了一个问题，我像往常一样在flex上进行布局，并面临着这样一个事实：高度块之间的空虚问题无法解决。但我不明白该怎么做...

css flexbox grid

回答 1 投票 0

如何将二维数组转移到更大网格中的所需位置？

我有一个像这样的坐标列表： [（x1，y1），（x2，y2），（x3，y3），（x4，y4），……] 另一方面，我有不同类型的数据，它是二维数组（60*60）的列表。用蛋彩画细胞...

python arrays grid

回答 1 投票 0

QML Grid 使用 SplitView 上下拖动行，左右拖动列？

我想最终创建一个有 2 行和 9 列的网格，然后在其中一些单元格中，我想将它们拆分为在其中包含不同的项目等。在这里，我的网格只有......