grid 相关问题

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

不跨越两列的网格项目

我的网格项目没有按照预期的方式跨越,我不确定如何修复它。 我将发布我目前拥有的代码,但到目前为止我已经尝试了很多不同的东西,但没有一个......

回答 0 投票 0

如何使用 InteractiveViewer 在 Flutter 中创建无限网格?

我想在 Flutter 中创建一个无限可交互的网格,我可以在其中放置节点/元素。 我尝试将 InteractiveViewer 与 CustomPainter 一起使用,后者将网格绘制为它的子项。它

回答 0 投票 0

网格崩溃破坏网格

我正在学习使用 Material-ui 和 React 创建网站。 我想创建一个可折叠的网格,其中一些行根据页面状态折叠/展开。 当我添加折叠组件时...

回答 3 投票 0

Mui v5 网格系统

如何创建如下图所示的网格系统? 在此处输入图像描述 左边是普通的桌面视图,右边是移动视图。 其实我可以用 sx={{ display: {xs: "...

回答 0 投票 0

如何在react native中实现网格效果

所以我目前正在尝试创建一个看起来像堆叠的书的过滤器,下面的链接提供了我想要实现的示例: https://dribbble.com/shots/19300443-Audiobook-App 我...

回答 0 投票 0

网格问题,可能与高度有关

布局中显示的内容:布局 我所做的:我的工作 代码: .portfolio__items{ 显示:网格; 网格模板列:重复(4、1fr); 网格模板行:重复(9、1fr); 间隙:15px;...

回答 0 投票 0

ALV 或任何其他网格布局中的两级列标题?

为了说明我想要什么: | A 类 | B 类 |丙 | |一个.A | A.B |一个.A | A.B | | | A.A.A | A.A.B | A.B.A |...

回答 3 投票 0

WPF 将 Grid 列宽度设置为最大宽度,即使在 SharedSizeGroup 上折叠

我有一个包含 2 列和 5 行的简单网格。这些行中只有 2 行一次可见。根据第一行中 ComboBox 的选择,其他行的可见性会发生变化,并且

回答 0 投票 0

4 行的布局,以及标题和段落之间的 SVG 图像

我有一个布局方面的小难题/问题,我需要一些指导 最终效果 在附图中,我需要对布局进行编码,但我不完全确定采用哪种方法或者会是什么......

回答 0 投票 0

html css 重复具有特定行数和列数的网格容器,如背景纹理

我用下面的代码创建了一个网格,用作页面内的背景(背景网格),当我的屏幕滚动大于网格时,我希望网格容器重复为

回答 0 投票 0

如何制作具有这种结构的网站?

请帮我提供一个具有如图所示结构的站点的示例代码。它应该由 4 个块组成。红色和绿色块应占页面宽度的一半,并且...

回答 2 投票 0

显示网格:7 项,3 列,最后居中

我有 7 个项目(将来可能会有 8 个或 9 个或更多)排列在 3 个垂直列中。 我希望当有 7 个时,最后一个在中心对齐。 警告:我想...

回答 1 投票 0

Mui React 网格系统

我需要创建一个包含 2 行的布局,第一行是 66% 高度,第二行是 33% 但它不起作用,我需要将高度固定为 % 因为必须响应(至少在桌面上

回答 0 投票 0

CSS - 如何使用 flexbox 适应项目

您可以在此图像中看到我的代码输出。 我希望将页眉和内容放置在彼此之下并粘在一起。这应该在“菜单”标签位于它们中间时执行(#heade...

回答 1 投票 0

我可以根据其中的项目数量动态更改 CSS 网格吗? [重复]

我的代码如下: ... 我的代码如下: <div class="dashboard"> <div class="dashboard-event"> </div> <div class="dashboard-event"> </div> </div> .dashboard { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .dashboard-event { /* width: 1237px; */ height: 368px; background: #242424; border: 2px solid #C2AD7E; border-radius: 24px; } html 中的项目数量目前是固定的,但会是动态的,具体取决于当前正在进行的事件数量。 当只有 1 个事件运行时,我希望这个事件 100% 延伸到最后。 当有超过 1 个事件时,我想在一行中显示最多 3 个项目。在这种情况下将是: grid-template-columns: repeat(3, 1fr); 是否可以动态地执行此操作? 现在只有一个时,它保持 1 / 2 的长度

回答 0 投票 0

Selenium 中的行数限制为前 70 行

我在网页上有一个表格,其中填充了基于搜索过滤器的行。 上面的行数从 1 到 200 不等。 但是,当行数超过 70 时,sc...

回答 0 投票 0

我正在尝试弄清楚如何为项目正确布局此网格

我花了无数个小时试图弄清楚如何正确地将此部分变成总共 5 张图像的网格布局第 1 张图像在左上角第 4 张图像左下角第 2 张图像在中间...

回答 2 投票 0

将网格容器垂直和水平居中

令人惊讶的是,我在网上找不到任何相关信息。也许我错过了什么。您如何使用 CSS Grid 水平和垂直居中整个主包装器,并且显然保持

回答 6 投票 0

CSS网格布局,使每个单元格都有精确的尺寸

我正在尝试实现所附图片中显示的效果,其中每个网格单元将具有适当的宽度和高度(以像素为单位)并且大小和布局完全相同,其中整个......

回答 2 投票 0

eCharts Datazoom 导致元素重叠网格

我构建了一个系列图表,能够同时缩放 xAxis 和 yAxis。有没有办法防止元素在缩放时“溢出”到网格之外? ……之外的元素

回答 0 投票 0

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