grid 相关问题

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

如何在Bootstrap中减少网格系统中单个div的宽度

文本1 我的文本... <div class="col-sm-2" style="text-align: right;" > mytext1 </div> <div class="col-sm-2" style="text-align: right;" > mytext2 </div> <div class="col-sm-2" style="text-align: right;" > mytext3 </div> 我需要减小第二个div的大小,并且我不想使用col-sm-1,因为它太小,并且不想使用col-sm-2,因为它太大。但我需要介于两者之间的东西,比如 col-sm-1.5 有没有办法解决这个问题。 您可以定义自定义类,因为 bootstrap sm-1 和 sm-2 对应于 8.33% 和 16.66% 您可以像这样创建自定义类: .col-sm-1-5 { flex: 0 0 12.5%; max-width: 12.5%; } HTML: <div class="col-sm-2" style="text-align: right;" > mytext1 </div> <div class="col-sm-1-5" style="text-align: right;" > mytext2 </div> <div class="col-sm-2" style="text-align: right;" > mytext3 </div>

回答 1 投票 0

Magento 2 网格速度慢

在我们的 Magento 2 商店中,我们获得了相当多的客户记录(大约 800,000)和订单(大约 1,600,000)。我们的销售网格和客户网格页面表现不佳。 S...

回答 1 投票 0

无法解析符号“GridLayout”

当我尝试在Android Studio中编写程序时,我发现了这个错误,但我不知道如何解决它 无法解析符号“GridLayout” Android Studio 中出现此错误 我在国际上搜索...

回答 1 投票 0

Div 的边框 - 媒体查询中的 GRID

我有 2 个关于 GRID 中的边界的问题。 除了在桌面显示器上查看页面时使用的方法之外,还有更好的方法吗? 如何在单元格上查看时没有间隙和 2px 边框

回答 1 投票 0

我试图在我的离子/角度项目中的一行中显示两列。它只是创建一个堆栈,其中其他内容位于底部

我试图在我的离子/角度项目中的一行中显示两列。它只是创建一个堆栈,其中其他内容位于底部。 这也是我的CSS 我试图在我的离子/角度项目中显示一行内的两列。它只是创建一个堆栈,其他内容位于底部。 这也是我的CSS <ion-grid class="rewards-container" *ngIf="!noRewardsData"> <ion-row class="row-container"> <ng-container *ngFor="let category of categories"> <ion-col size="6" class="reward-item" *ngIf="contentVisibility[category.value] && getRewardsByCategory(category.value).length > 0"> <ion-card class="reward-card" *ngFor="let item of getRewardsByCategory(category.value); let i = index" (click)="selectedReward(item)"> <div> <img class="reward-image" [src]="item.imageUrl" (error)="$event.target.src = defaultImg"> </div> <div class="reward-details"> <div class="reward-name">{{item.name}}</div> <div class="reward-cost">{{item.points}}</div> </div> </ion-card> </ion-col> </ng-container> </ion-row> </ion-grid> 我无法复制该问题,因为您尚未共享所需的所有代码,请查找以下工作示例供您参考! html <ion-grid class="rewards-container"> <ion-row> <ng-container *ngFor="let category of categories"> <ion-col size="6" class="reward-item"> <ion-card class="reward-card" *ngFor="let item of categoriesData; let i = index" > <div> <img class="reward-image" [src]="item.imageUrl" /> </div> <div class="reward-details"> <div class="reward-name">{{ item.name }}</div> <div class="reward-cost">{{ item.points }}</div> </div> </ion-card> </ion-col> </ng-container> </ion-row> </ion-grid> ts import { Component } from '@angular/core'; @Component({ selector: 'app-example', templateUrl: 'example.component.html', styleUrls: ['example.component.css'], }) export class ExampleComponent { categories = ['A', 'B']; categoriesData = [ { imageUrl: 'https://placehold.co/200x200', name: 'test', points: 'test', }, { imageUrl: 'https://placehold.co/200x200', name: 'test', points: 'test', }, { imageUrl: 'https://placehold.co/200x200', name: 'test', points: 'test', }, { imageUrl: 'https://placehold.co/200x200', name: 'test', points: 'test', }, { imageUrl: 'https://placehold.co/200x200', name: 'test', points: 'test', }, { imageUrl: 'https://placehold.co/200x200', name: 'test', points: 'test', }, { imageUrl: 'https://placehold.co/200x200', name: 'test', points: 'test', }, ]; } 堆栈闪电战 单击 {} 按钮时,将代码复制并粘贴到代码示例预编码区域。 您可以使用“unminify”网站来缩进代码。 https://unminify.com 选项卡大小将为 1。将代码粘贴到此处,然后单击 Unminify 按钮。 现在,使用复制按钮,然后在单击 {} 按钮时将 stackoverflow 粘贴到代码示例预编码区域。

回答 2 投票 0

MUI DataGrid 固定列

我正在尝试将“操作”列锁定在网格的右侧。 有没有办法在免费版本(MUI DataGrid,而不是 DataGridPro)中执行此操作?

回答 3 投票 0

如何右键单击网格中选择行并同时显示上下文菜单?

使用 Vaadin 24: 我尝试使用 GridContextMenu grid.addContextMenu(),它通过右键单击打开,但是它不会选择我单击的行,并且我在 GridContextMenu 上找不到此类选项

回答 2 投票 0

如何从列表/tk网格中获取值

我正在使用 tkinter 网格进行 5 列和 10 行的用户输入。 如何将所有数据保存在 pandas dataframe 中并导出到 Excel? 将 pandas 导入为 pd 从 tkinter 导入 * 根=Tk() 恩...

回答 1 投票 0

LWC 线将错误返回为 [Object Object]

我正在尝试使用 Lightning 树网格 lwc 获取具有帐户层次结构的数据表。我有一个社区页面,当我打开帐户记录时,每个帐户上都有一个父 ID 字段。我是

回答 2 投票 0

如何将按钮放置在 2D 按钮数组的右侧?

我是 C# 初学者,正在尝试制作扫雷游戏。到目前为止,我已经取得了很大的进展,但我遗漏了一些细节。我正在二维数组中制作按钮网格。 这是按钮的代码

回答 1 投票 0

如何使用xarray和cartopy在地图上绘制POP2网格(POP_gx1v7)数据?

我正在处理 CESM2 的 LENS2 系综的海洋变量,现在正在尝试在地理网格上绘制数据。海洋模型 POP2 基于带有 Gree 极点的位移极点网格...

回答 1 投票 0

如何将变量值传递到 tkinter 网格中的特定单元格

尊敬的先生 我有网格(5行5列)输入 我尝试通过变量给特定单元格赋值,请参阅我的代码 请指导我哪一个是正确的代码 Entry(1,1).set_ value = '测试...

回答 1 投票 0

CSS 网格问题,图标未显示我期望的位置

我正在创建一个小型测验应用程序。它显示了一个问题和几个可供选择的答案,非常标准。每个可能的答案都由 DIV 中的文本表示。当用户选择

回答 1 投票 0

MouseHover 不适用于 OnMouseOver 方法

在我的 Unity 游戏中,当鼠标经过它时,我必须在网格中的单元格上方生成一个精灵。我尝试过使用 OnMouseOver 方法和 BoxCollider2D,但它不起作用。 这是我的本...

回答 1 投票 0

使用 DevExtreme 在 Angular 组件内的下拉列表中按字符串搜索时出现问题

问题描述: 我遇到一个问题,下拉列表中的搜索功能是在 Angular 应用程序中使用 DevExtreme 的 dx-data-grid 和 dxo-lookup 组件实现的,...

回答 1 投票 0

Telerik MVC 网格更新动态模型

所以我有由 IEnumerable 模型填充的 Telerik MVC 网格,因为我将在网格上添加动态产品列。用户将能够编辑每个产品的每行,这将是单元内批量编辑...

回答 1 投票 0

父级的 CSS 最大高度,子级溢出

如何使.col元素100%为.container? .包装器{ 最大高度:300px; 显示:柔性; } 。容器 { 弹性增长:1; 显示:柔性; 溢出-y:自动; 溢出-x:隐藏; 差距:1...

回答 2 投票 0

RSpatial:使用 terra 将网格(列表)转换为栅格

要从列表格式的网格构建栅格,我使用栅格 pckg: 建立一个网格 <- list(x = (1:10), y = (1:10), z = matrix(1:100, 10, 10)) class(grd) [1] "list" grid to Raste...

回答 1 投票 0

顺风在网格中水平粘性

我真的很努力研究如何使网格的每个元素粘在水平滚动上。我尝试了很多组合,但 {date} 从来没有粘性。我尝试添加溢出-x-

回答 1 投票 0

如何使 CSS 网格行中的单元格跨列的高度相同?

尝试搜索这是不可能的——每个答案都是关于一个稍微不同的问题,这使得单列中的所有行都具有相同的高度(即与 tal 相同的高度......

回答 2 投票 0

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