grid 相关问题

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

Fabric.js / canvas 无限背景网格,如 miro

欢呼社区, 最后,我在 StackOverflow 上遇到了第一个问题,都是关于 Fabric.js 的“无限网格”——如果您对我的问题有任何反馈,请联系我! 专业...

回答 1 投票 0

从 html 中包含 3 个单元格的部分中删除第一个单元格

我在 Shopify 网站的页面上有一个包含 3 个单元格的部分。目标是从该部分中删除第一个和第二个单元格。我已经成功删除了第二个单元格,但似乎无法弄清楚...

回答 1 投票 0

如何使用网格系统制作PRIMENG的响应式MenuBar组件?

我正在制作一个响应式网络。我在使用 PrimeNG 的 MenuBar 组件时遇到问题。我想在缩小窗口时使用汉堡模式: 问题是使用 PrimeFlex 的网格系统和 p...

回答 1 投票 0

MouseDown 在网格中不起作用(仅适用于网格中的按钮)

我对 MouseDown 事件有问题。我的应用程序看起来像这样,我有网格,我在后面的代码中添加按钮 我的 MouseDown 事件有问题。我的应用程序看起来像这样,我有网格,我在后面的代码中添加按钮 <Grid Grid.Column="1" Name="gridWithButtons" MouseDown="normalModeButtonsWP_MouseDown" > <WrapPanel Name="normalModeButtonsWP" MouseDown="normalModeButtonsWP_MouseDown" ></WrapPanel> </Grid> 但是当我在网格/包装面板中按下鼠标按钮时(例如,在按钮之间的空白区域),它不起作用。仅当我按下包裹/网格中的按钮时才有效。有谁知道怎么处理吗? 单独设置 IsHitTestVisible 不会使其工作。 如果“背景”设置为“无”,则元素不可单击。要使其可点击(适用于网格、堆栈面板等),请将背景设置为#00000000。这是一项旨在防止用户点击幽灵按钮的功能。但是,为其指定颜色将使其可点击。 尝试在网格上设置 IsHitTestVisible = true 在我的固定情况下,对于中间只有一个按钮的 3x3 网格,我在 xaml 中为空行和空列添加了 PreviewMouseDown 事件: <DataGridCell Grid.Row="0" PreviewMouseDown="EmptyAreaPreviewMouseDown"/> <DataGridCell Grid.Row="2" PreviewMouseDown="EmptyAreaPreviewMouseDown"/> <DataGridCell Grid.Column="0" PreviewMouseDown="EmptyAreaPreviewMouseDown"/> <DataGridCell Grid.Row="2" PreviewMouseDown="EmptyAreaPreviewMouseDown"/> 在代码隐藏中: private void EmptyAreaPreviewMouseDown(object sender, MouseButtonEventArgs e) { // do here empty area work } 希望它对将来的人有所帮助。

回答 3 投票 0

我想创建一个由重复图案组成的网格布局

我已经部分成功了,但是由于某种原因,第五个、第六个和第七个孩子不听我给他们设置的顺序。 。网格{ 显示:网格; 间隙:20px; 显示:网格; 网格-...

回答 1 投票 0

计算网格每个“单元格”中的数据点数量

我有一个包含三列的数据框:Subject、Rt1 和 Rt2。 df<-data.frame(Subject = c(rep(1,15), rep(2,15)), RT1=rep(seq(100,1500,100),2), RT2 = rep(seq(200,3000,200),2)) For various reasons, I

回答 1 投票 0

使用第 n 个子元素在网格中形成更大的方块

我需要一些帮助来使我的网格正确。我创建了一个显示问题的 CodePen。 和 我需要一些帮助来使我的网格正确。我创建了一个显示问题的CodePen。 与 <div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> 和 .parent { margin: 0 auto; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 410px; } .child { background-color: #000; width: 200px; height: 100px; } .child:nth-child(2), .child:nth-child(4n) { grid-row: span 2; width: 200px; height: 210px; } 除了这里之外几乎都是正确的: 中间不应该有一排非方形框,它应该始终交替出现在右侧一个大方形框和左侧一个大方形框之间。 我会尝试这个: .child:nth-child(6n+2), .child:nth-child(6n+4) { } .parent { margin: 0 auto; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 410px; } .child { background-color: #000; width: 200px; height: 100px; } .child:nth-child(6n+2), .child:nth-child(6n+4) { grid-row: span 2; width: 200px; height: 210px; } <div class="parent"> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> 这只是制定模式,然后制定如何选择它们的问题: 2,4 … 8, 10 … 14, 16 … 20, 22 … 26, 28 …

回答 1 投票 0

如何使用 MUI Grid 在 ReactJS 上进行水平滚动

我希望容器方向为md尺寸屏幕上方的“行”和md尺寸屏幕下方的“列”?我该如何实施? 我正在尝试使用 MUI 网格滚动到地平线。 <...

回答 1 投票 0

在网格内均匀移动 div

如何使绿色方块始终落在蓝色方块的中心。当我第一次按向上键时它起作用,但之后它落在不同的位置。而且我希望能够保持...

回答 1 投票 0

当我点击图像时,CSS 出现故障

有一个图像网格,当我将鼠标悬停在它上面时,它应该会扩展,当我单击它时,它会转到另一页。它一直出现故障 起初它只是一个没有锚标签的网格,所以我...

回答 1 投票 0

首先按特定类制作div

我需要使div是左侧第一个出现的div,如下图所示,请注意,该div具有类别资格,而其他div具有类别不合格。注意父级有 display:flex; 这是...

回答 1 投票 0

CSS 网格在显示中无序放置项目:内容包装器

我试图将后代放置在根网格中,同时将它们包装在带有 display: 内容的容器中。 我遇到的问题是一个元素没有放置在...

回答 1 投票 0

Telerik 网格过滤器不适用于日期列

我有一个 Telerik 网格,其中一列具有日期时间值,但该字段上的过滤器不起作用,因为默认情况下过滤器仅接受日期。 有什么办法可以让我们有时间

回答 2 投票 0

ggplot2/grid:无论长度如何,保持分段箭头相同的比例

我使用 grid::segmentsGrob(arrow) 将箭头添加到我的 ggplot 中。我用 x 轴坐标定义箭头的位置。由于某种原因,箭头的高度根据......的长度进行缩放

回答 1 投票 0

一个部分容器的元素侵入并重叠另一部分

我创建了一个网站(www.btcatm.ru),在它的一个部分(桌面版本)中,我的容器的框元素侵入了与它重叠的下一个部分,但这似乎只发生在 Safari 上,因为你.. .

回答 1 投票 0

如何修复“失败的道具类型:‘grid’的属性‘spacing’必须在‘container’上使用?

我目前正在开发一个使用 React 和 Material-UI 框架的项目。但是,使用网格后会弹出错误: checkPropTypes.js:20 警告:失败的 prop 类型:

回答 5 投票 0

使用css以特定方式定位html元素

我正在尝试为我的网站为任何类型的产品设置一张卡片,我想使用网格,因为它似乎非常有效,但是我很难理解如何使用这些属性

回答 1 投票 0

wordpress 自定义摘录长度不起作用

我的functions.php中有这段代码 函数自定义摘录长度(){ 返回15; } add_filter('excerpt_length', 'custom_excerpt_length'); 但它不起作用,因为它给了我全文并且......

回答 4 投票 0

如何将 font-awesome 图标与 paramquery 一起使用?

我正在使用 paramquery 生成网格表,我使用下面的代码在网格内添加了两个按钮。在此代码中,它使用 jQuery ui 图标,现在我想用 font-awesome 更改图标。有没有...

回答 1 投票 0

如何在React中创建这样的网格?

我使用react中的代码创建了一个网格。我有两块棋子,比如黑皇后和白皇后。 黑皇后只需在偶数列和行(即白色背景单元格)中移动,而白皇后则...

回答 2 投票 0

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