grid 相关问题

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

为什么 auto on grid-template-columns 使多个元素具有相同的宽度?

我想做什么 项目列表(不是 ul/ol 类型的列表)位于页面的中央,这些项目有 2 列。第一列应该有一个“固定”宽度(1em 在这...

回答 1 投票 0

如何在网格中垂直移动元素到末尾?

我需要两个 div 位于 body 的顶部,一个 div(蓝色的)位于 body 的底部。所有这些都必须水平居中。我需要使用网格来完成。我究竟做错了什么?请帮忙。 ...

回答 1 投票 0

无法在我的 Vaadin 应用程序中调整网格大小

我的 Vaadin 应用程序仅包含 2 个部分 包含横幅和多个按钮的水平布局; 带网格的垂直布局。 它按预期工作(大部分)但我的问题是网格,继续......

回答 1 投票 0

Nidhi 创造了另一个版本的地铁跑酷游戏[关闭]

自定义测试用例1: 1个 4个 0 1 2 3 0 执行 结果 你的输出 2个 预期产出 2个 自定义测试用例 2: 1个 9 0 3 0 2 0 2 1 2 2 0 执行 结果 你的输出 4个 预期产出 1个 自定义测试用例 3: 3个 1个 0 0 ...

回答 0 投票 0

如何创建一个网格,它与我的地板网格的转换有关,而不是与世界的转换有关? (虚幻 C++)

我创建了一个计算网格的演员,该网格在所述网格的每个正方形上生成项目。然而,我的网格正在从世界变换中进行计算,我希望它始终是相关的...

回答 0 投票 0

Syncfusion Angular ejs-grid 在选中/取消选中另一个电子列时对电子列进行切换验证

我正在使用 Syncfusion Angular ejs-grid,当我选中/取消选中另一个复选框列时,我想使一列成为必需/不需要。 我该如何解决这个问题? 我设置了

回答 1 投票 0

tk.label 和网格不显示文本输入框

我正在尝试在 gui 上打印一个文本输入框,但是当我这样做时什么也没有发生。我得到的只是一个显示标题的空白屏幕。文本输入框不出现。在 python 中执行此操作。一个...

回答 1 投票 0

垂直滚动条出现或消失时如何防止宽度计算错误?

我做了一个网站,在侧边栏中有一个树浏览器。目前,当我切换子树时,资源管理器的宽度计算错误。问题出现在 Chrome 111.0.5563.64 for

回答 2 投票 0

使用 tkinter 创建网格数组,并通过图像处理存储值

我想创建一个由 40 像素框组成的 13 x 6 网格,每个网格框都有一个坐标值。我创建了网格,并创建了一个 40px 的图像实例,向左向下移动或...

回答 0 投票 0

单击网格的单元格时是否可以更新 pygame 绘图属性?

我正在接近 PyGame 但我遇到了一个问题:我正在尝试绘制一个由单个矩形图形组成的网格,我希望当鼠标左键为

回答 1 投票 0

如何在 wpf 网格单元格上设置样式和触发器

我想获得以下行为。 当用户选择我的应用程序的“显示详细信息”菜单时,第 0 行第 1 列单元格将可见。从另一个菜单选项开始...

回答 0 投票 0

如何消除垂直滚动条显示或隐藏时的宽度计算错误?

我做了一个网站,在侧边栏中有一个树浏览器。这棵树的节点是可点击的,以显示或隐藏它们的子树。目前对探险者的w有一个错误的估计...

回答 2 投票 0

裁剪和移动图像。网格布局

大家! 我正在努力将图像放在正确的位置并将其裁剪在顶部和底部。 这是它应该看起来的样子(英雄部分): https://www.behance.net/gallery/161732057/

回答 1 投票 0

如何让隐式网格项占满列宽?

我这里有一个代码笔:隐式网格项目 首先-我有一个网格容器列表,每个容器至少包含 3 个项目。 其次 - 这些行有一个系统,对于每个偶数容器,网格定义......

回答 0 投票 0

CSS中隐式和显式定义的列

我在做一个关于CSS网格的在线测验,我被其中一个问题弄糊涂了。 这是问题所在: 假设我们有一个具有以下 CSS 属性的网格,其中有 4 个框。如果我们...

回答 1 投票 0

子元素显示更新时如何消除宽度计算错误?

我做了一个网站,在侧边栏中有一个树浏览器。这棵树的节点是可点击的,以显示或隐藏它们的子树。目前对探险者的w有一个错误的估计...

回答 1 投票 0

使用 JavaScript 更新子元素显示时如何避免水平滚动条?

请看下面的片段。 我 = 0; divs = document.querySelectorAll("#grid > div"); divs[1].addEventListener("点击", function() { 如果 (i++ % 2) { divs[1].innerHTML = "...

回答 0 投票 0

Wijmo FlexGrid 组件是空白的 react 18 严格模式

在严格模式下使用 React 18.2.0 和更新的运行时,wijmo 的 FlexGrid 组件将表格显示为空白,即使点击处理程序也在工作,至少一旦你点击行,没有遮罩......

回答 0 投票 0

调整 wxGrid 列的大小以适应单元格编辑器

所有, 我在最初为空的应用程序中创建了 wxGrid。 在某些用户操作中,我向其中添加列并将第 1 行设置为使用网格单元格选择编辑器。 我的问题是 - 如何找到你...

回答 0 投票 0

有没有一种方法可以在一个网格容器和可能的无限行(有 3 个项目)中对这个特定布局进行 CSS 网格化?

我有一个 div,它是“display:grid”。 文章1 第二条 第三条 我有一个 div,它是“display:grid”。 <div> <article>article1</article> <article>article2</article> <article>article3</article> <article>article4</article> <article>article5</article> <article>article6</article> ... </div> 我想要这个特定的布局: 我设法让它使用 6 个网格模板列工作,但我担心的是,当有超过 10 篇文章时,第 11 篇文章将是 1/6 宽,因为网格只有 5 个网格模板行: 如果有数十篇文章,不知道需要多少行,并保持原始结构(一个带有文章子项的网格 div),如何实现这种布局(连续 3 篇文章)? 感谢您的帮助。 可以通过使用 6 列宽的网格然后使用 grid-column 让子元素在正确的位置适合网格子元素来做到这一点。要选择哪些网格项目适合哪个元素,然后使用 nth-child 来选择正确的项目,如下所示: .container { display: grid; gap: 1rem; grid-template-columns: repeat(6, 1fr); } .container > article { background-color: #8C78FE; padding: 3rem 1rem; color: white; font-weight: bold; font-size: 1.5rem; display: grid; place-content: center; } article:first-child { grid-column: 1/span 3; grid-row: 1/span 3; } article:nth-child(-n + 4):not(:first-child) { grid-column: 4/span 3; } article:nth-child(n+5) { grid-column: span 2; } article:nth-child(n+11) { grid-column: span 1; } <div class='container'> <article>article1</article> <article>article2</article> <article>article3</article> <article>article4</article> <article>article5</article> <article>article6</article> <article>article7</article> <article>article8</article> <article>article9</article> <article>article10</article> <article>article11</article> <article>article12</article> <article>article13</article> </div>

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.