CSS网格之谜:网格项中的填充
CSS网格是一种用于布局网页元素的强大工具，它可以将页面划分为行和列，并将元素放置在这些行和列的交叉点上。在网格项中，填充是指在元素的内容和边框之间添加空白区域。
填充可以通过CSS的padding属性来设置。padding属性可以接受一个或多个值，分别表示上、右、下、左四个方向的填充大小。例如，padding: 10px; 表示在四个方向上都添加10像素的填充。
填充在网格布局中非常有用，它可以用于创建元素之间的间距，使布局更加美观和易读。通过调整填充的大小，可以控制网格项之间的间距和对齐方式。
在网格布局中，填充还可以与其他CSS属性一起使用，例如背景颜色、边框样式等，以实现更丰富的效果。
以下是一些常见的应用场景和优势：
- 网格布局：填充可以用于创建网格项之间的间距，使布局更加整齐和对齐。
- 响应式设计：填充可以根据不同的屏幕尺寸和设备类型进行调整，以实现响应式布局。
- 美观性：通过调整填充的大小和颜色，可以增加元素的美观性和可读性。
- 可访问性：适当的填充可以提高网页的可访问性，使内容更易于阅读和理解。
腾讯云提供了一系列与网格布局相关的产品和服务，例如：
- 腾讯云CDN（内容分发网络）：通过在全球部署的节点上缓存和分发网页内容，加速网页加载速度，提供更好的用户体验。了解更多：https://cloud.tencent.com/product/cdn
- 腾讯云云服务器（CVM）：提供可扩展的虚拟服务器实例，用于托管网站和应用程序。了解更多：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全可靠的云存储服务，用于存储和管理网页中的静态资源，如图片、样式表和脚本文件。了解更多：https://cloud.tencent.com/product/cos
请注意，以上仅为腾讯云的一些产品示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
2回答
CSS网格之谜:网格项中的填充
、、、、
好了，我用CSS表格做了一个漂亮的email-me表单。除了我尝试在表单元素上应用一些填充外，一切都很好。然后，事物开始从网格中流出。 似乎网格系统在计算网格项的最终大小时没有考虑元素内部的填充。我尝试使用fr-s和auto设置这些元素的宽度，以及各种无用的技巧，但都不起作用。 这是代码和一些截图，可以帮助你们感受到我的痛苦。:D 在输入字段中不填充：https://imgur.com/a/NB1RcVS和https://imgur.com/a/nz5lvIw 使用填充：https://imgur.com/a/Ak6CvlX和https://imgur.com/a/hqLlxBr <f
浏览 15提问于2019-01-30得票数 2
回答已采纳
5回答
使网格容器填充列而不是行
、、、
我想让我的网格像这样垂直填充：
1 4 7
2 5 8
3 6 9
... arbitrary number of additional rows.
相反，它像这样水平填充：
1 2 3
4 5 6
7 8 9
我想指定网格中的列数，而不是行数。
这是我的div使用内联CSS样式时的样子：
<div style="display:grid; grid-template-columns:1fr 1fr 1fr;">
<div>1</div>
<div>2</div>
<div>3</d
浏览 82提问于2017-05-21得票数 102
3回答
TL;DR:有类似于CSS网格的table-layout: fixed吗？
我尝试为月份创建一个具有4x3大网格的年视图日历，并在其中嵌套了7x6个网格。
日历应该填充页面，因此年份网格容器的宽度和高度各为100%。
.year-grid {
width: 100%;
height: 100%;
display: grid;
grid-template: repeat(3, 1fr) / repeat(4, 1fr);
}
.month-grid {
display: grid;
grid-template: repeat(6, 1fr) / repeat(7,
浏览 3提问于2017-04-09得票数 269
回答已采纳
我希望使用CSS网格制作一个按钮，其中的元素填充容器的全部高度：
button {
display: grid;
height: 50px;
grid-auto-flow: column;
align-items: center;
}
.one {
color: white;
background-color: purple;
border-right: 1px solid red;
}
<button>
<span class="one">one</span>
<span class="
浏览 2提问于2021-04-28得票数 1
回答已采纳
2回答
我在为基于瓷砖的游戏设计随机级别生成器时遇到了一个有趣的问题。我已经为它实现了一个蛮力的求解器，但是它是指数级的慢，而且绝对不适合我的用例。我不一定要寻找一个完美的解决方案，我会满足于一个表现良好的“足够好”的解决方案。
问题陈述：
假设您有以下所有或一个可用的块(这是映射到右、上、左和下方向的所有可能的4位模式的组合)：
为您提供了一个网格，其中一些单元格被标记为(true)，而另一些单元格则没有标记(false)。例如，这可以由perlin噪声算法产生。我们的目标是用瓷砖填充这个空间，以便有尽可能多的复杂瓷砖。理想情况下，所有瓷砖都应该连接。对于某些输入值(可用的tiles +模式)，可
浏览 3提问于2010-07-26得票数 17
2回答
css网格子级转换/动画
、、、
当您单击css网格时，我正在尝试缩放css网格中子程序的大小，但我没有成功。问题是我实际上没有缩放它，我只是改变了列和行的位置来填充所有的网格。
div {
width: 100%;
height: 140px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 20px;
}
div:active {
grid-column-start: 1;
grid-column-
浏览 5提问于2020-05-18得票数 2
回答已采纳
1回答
请看这个要点：
在这里，您可以看到通过placehold.it实现的float-span缩略图网格，我现在需要的是：
每行第一个.item的填充-左侧应为0。
每行中最后一个.item的填充-右侧应为0。
这最终将在缩略图网格中与其他内容(例如lorem ipsum文本)完全一致。
用奇异性来实现这一目标的野兽方法是什么？
2014-07-21
我需要的东西可以在这个屏幕上看到：
我不需要另一个填充样式，我需要删除每一行中第一项和最后一项中的填充。这不能通过css完成，因为sass的计算是错误的。
2014-07-30
基于各种来源，我成功地建立了这个混合器：
@mi
浏览 2提问于2014-07-18得票数 2
回答已采纳
5回答
香槟之谜
、
空杯水按以下顺序排列：
📷
当你把液体倒入第一杯，如果它是满的，那么额外的液体将被空运到玻璃杯2和3的数量相等。当玻璃2充满时，多余的液体会被空运到4和5，等等。
给定一个N升的液体，而每个玻璃的最大容量是1升，如果你把N升的液体倒进玻璃中，通过填充函数getWaterInBucket(int N, int X) (X是玻璃数)，给出在任何玻璃中存在的液体量。因此，例如，如果我想在开始时有4升水，我想在玻璃3中找到水，函数是getWaterInBucket(4, 3)。
如何以编程方式解决这个问题？我试着用Pascal三角形找到一个数学解。这是行不通的。我认为它是一棵树，所以我可以添加一个类似
浏览 0提问于2013-01-27得票数 30
回答已采纳
1回答
我有一个jQuery draggable的概念，我遇到了麻烦。下面是一个例子：
基本上，我有一个可拖的元素-那个红色小盒子。您可以单击并将其拖动到右边的表中，当您将其拖到表格单元格中时，它将填充该单元格。这部分工作很好。
我被困在这里：
我需要在helper: "clone"初始化中使用draggable，以便将单击事件绑定传递给克隆。如果将true从clone(true) in DroppedOnGrid中删除，则可以看到这一点，在单击已放置到网格的红色框时，将不再获取alert。这部分工作得很好.
一旦一个红色的框被拖到网格上，并且它已经扩展到填充单元格，我想从那
浏览 1提问于2013-11-26得票数 1
回答已采纳
我希望使用响应性的css网格在figure1中实现布局。
元素A，B，C，D，E-有不同的内容(内容与下图中的方框大小成正比)
每个元素框的大小应该根据我试图避免硬@媒体声明的内容来设置
我试图定义具有重复、自动填充和适配内容的网格模板列，但我没有得到想要的结果--我遇到了解释如下的链接
自动重复(自动填充或自动填充)不能与固有的或灵活的大小(例如，fit内容)结合在一起。
我还试图定义重复、固定宽度的网格模板列，并将span分配给元素:例如，"grid-column: 1/ span 3“，这也无法给出所需的结果。
是否可以使用css网格来实现这样的布局？
如果不是，实现它的
浏览 2提问于2019-09-21得票数 1
回答已采纳
我尝试在JBoss服务器上添加一个缓存系统，如第29.3部分Resteasy文档：中所描述的那样。(本地服务器端响应缓存)：
接下来要做的就是添加一个org.jboss.resteasy.plugins.cache.server.ServletServerCache.，ServletContextListener这必须在您的ResteasyBootstrap文件中的web.xml侦听器之后指定。
因此，我添加了一个ServletServerCache侦听器，就像web.xml中在ResteasyBootstrap侦听器后面说的那样：
<listener>
<l
浏览 6提问于2012-08-13得票数 1
在Firefox的开发人员工具中，可以看到CSS网格，也可以看到它何时未被选中。
是否可以在Chrome的开发人员工具中显示CSS网格，当网格未被选中时也是如此？
浏览 0提问于2018-01-23得票数 27
回答已采纳
2回答
我有一个布局，填充了整个水平空间，最后一行的项目仍然与其他行的宽度相同，这要归功于网格布局。 现在，当调整屏幕大小时，项目的宽度会发生变化，从而填充整行。有没有可能让项目的宽度固定，并让网格间隙是可调整的？ https://jsfiddle.net/c60ymrfu/ 当前CSS： .container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-rows: 20px;
grid-gap: 5px;
} 当前行为： ? 所需的行为： ?
浏览 32提问于2019-05-23得票数 2
3回答
我正在使用CSS flexbox来构建一个可伸缩的、响应式的网格。当将Google图表应用于其中一个flexbox项目时，该项目的大小会发生如此微小的变化。这足以使网格失去对齐。我把下面的图片放在一起来帮助说明这个问题。
将Google chart应用于项目6之前的Flexbox网格：
将Google chart应用于第6项后的Flexbox网格：
Flexbox网格的加载速度比Google图表快，因此网格最初是正确加载的。但是，当图表加载时，项目6会略微扩展，从而产生上面的图像2。
中间列flex容器和第6项div在css中的设置如下：
#middlecolumn {
浏览 0提问于2016-03-29得票数 16
回答已采纳
3回答
我有以下JavaScript函数
function headerBanner(){
var current = $('.bannerImages img:nth-child('+bannerIndex+')').css('display', 'none');
if(bannerIndex== $('.bannerImages img').size()){
bannerIndex= 1;
}else{
bannerIndex= (bannerIndex*1)+1
浏览 0提问于2010-04-21得票数 0
回答已采纳
1回答
是否有一种方法可以使CSS网格(display: grid)在所有项周围有一个1px边框，并填充不完整的行？设置background-color的方法似乎不是一个可行的解决方案。
我的目标是创建一个没有代码片段中灰色区域的网格，在代码片段中缺少项，并且网格行始终贯穿整个表。这应该适用于每一行项目的响应组合。
似乎需要特殊的伪类，因为在下面没有项，而在正确的中没有项，以响应性布局的方式工作，因为最后类型的网格信息太少，无法用于样式化。
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200p
浏览 1提问于2018-03-04得票数 5
回答已采纳
1回答
我在Kendo UI Grid for ASP.net MVC中遇到了一个问题，如果实体框架模型有一个表(order)，则网格填充成功，但是如果我为它添加了外部表(order_summary)，网格就不会填充并且显示为空
我使用以下方法填充网格
public ActionResult orders_Read([DataSourceRequest] DataSourceRequest request)
{
using (dbEntities _context = new dbEntities())
{
IQueryable<o
浏览 3提问于2021-09-05得票数 0
3回答
XAML中的点之谜
、、、
我正在尝试使用xaml中的点创建一个多边形，根据我的理解，给定点的输出应该是黑色填充的三角形，但它返回的是粉红色填充的三角形。我不明白这是怎么回事。请让我知道。
用于此的xaml是
<Polygon Width="237"
Height="214"
Fill="White"
Stroke="Black"
StrokeThickness="2">
<Polygon.P
浏览 2提问于2012-03-27得票数 10
回答已采纳
7回答
仅带内部填充的项网格
、、、、
有什么技术来创建一个产品网格，在每个项目之间填充，但只在网格中？例如，我正在努力实现以下目标：
样本标记：
<div id="container">
<div class="item">
<!-- content -->
</div>
</div>
CSS：
#container { width: 100%; min-width: 960px; }
.item { float: left; width: 300px; height: 100px; }
(在上面
浏览 0提问于2014-04-27得票数 5
回答已采纳
我试图在网格中显示一组图像，如果可能的话，我希望用纯CSS在iTunes中再现相册网格视图的效果。
所需功能(视频：)：
图像应该显示在一个带有一些填充的网格中，填充浏览器的宽度。
当窗口被调整大小时，图像&填充缩小到最小的img宽度(比如150‘s)。
然后将一幅图像推送到下一行，图像变大，直到窗口宽度再次减小。
我知道这在javascript中是可能的，但是CSS会提供更好的性能。有可能吗？
编辑:我录制了一个屏幕以显示来自iTunes：的功能
浏览 4提问于2014-02-06得票数 2
回答已采纳
1回答
我试图在css网格中将div排序为“卡”：
body{
padding: 0;
margin: 0;
background: lightgrey;
}
section{
display: grid;
grid-template-columns: 1fr 1fr 1fr ;
align-items: end;
}
article {
border-bottom: 2px solid #000;
margin-top: 20px;
}
div {
background: #fff;
width: 80%;
margin: 0 auto;
}
浏览 3提问于2020-04-25得票数 0
回答已采纳
4回答
我希望能有一些帮助来理解我正在尝试使用Kendo将数据从远程服务(WebAPI)绑定到Kendo的问题。当我使用Chrome中的开发工具时，我可以看到服务正在被调用，json数据正在被返回-问题是数据没有呈现到网格中。
下面是一个非常简单的页面的HTML，它只包含网格：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="css/kendo.commo
浏览 3提问于2013-07-30得票数 1
回答已采纳
我有一个容器网格来对子的内联网格元素。然而，我不能有自动填充/自动安装，以采取尽可能多的列，可以适合。网格项具有指定的宽度/高度。
如果直接指定的话，可以让内联网格接受尽可能多的列，但这不是我想要的。
即使我更喜欢使用网格，但如果使用flex可以做到这一点，那也是可以的。
我只希望网格是CSS。不要使用JavaScript发布答案。
body, html {
margin: 0;
height: 100%;
}
.container {
display: grid;
background: red;
height: 100%;
}
.grid {
backg
浏览 4提问于2021-01-29得票数 0
回答已采纳
1回答
我有两个自定义类Grid和Element
public class Grid
{
public double ID { get; set; }
public double X { get; set; }
public double Y { get; set; }
public double Z { get; set; }
public MyClass MoreProperties {get; set;}
public Grid(int id, double x, double y, double z)
{
this.
浏览 6提问于2014-02-27得票数 6
回答已采纳
3回答
我使用新的css网格，如下所示：
#site {
display: grid;
grid-template-columns: 10% 1fr 1fr 1fr 10%;
grid-template-rows: 100px auto;
grid-template-areas:
". header header header ."
". content content sidebar ."
}
所以我有两行5列，但只有3列有内容。我使用模板区域中的点来定义空白。这样做的结果是在左边和右边有一个3列的空白布局。如果我在具有
浏览 11提问于2017-08-06得票数 2
回答已采纳
在我的应用程序中，我有一个绑定到RemoteObject的数据网格。数据网格有一个对应的表单，其中包含详细信息。当用户单击数据网格中的一行时，表单将填充来自数据网格的selectedItem的值。
我希望在应用程序加载时以编程方式选择DataGrid中的某些行。
为此，我必须调用validateNow()和scrollToIndex()
例如：
dg.selectedIndex = i；dg.validateNow()；
dg.scrollToIndex(i)；
我将这段代码放在Applications creationComplete处理程序中。
这一切都很好用-所需的行被突出显示并选中，s
浏览 0提问于2009-12-23得票数 2
我有一个有三列的网格，其中两列包含下拉列表，它们都是从web服务结果集填充的。现在，我想通过单击网格视图外的Add按钮来允许在网格中添加新记录的功能。
每当用户单击Add按钮时，应在网格中创建一条新记录，并在下拉列表中填入具有可用选项的值列表。
考虑到可扩展性，实现这一目标的最佳方法是什么？
非常感谢!
备注:网格的数据源集是一个列表。
浏览 0提问于2010-09-28得票数 0
回答已采纳
在动态填充css网格列时，我最近注意到，在列1000之后，其余部分似乎是按行方向填充的。参见下面的示例。这就引出了一个问题：
使用CSS网格时是否有最大的行和/或列数？
关于如何在下一篇专栏中获得剩余部分(从1001开始)的建议是值得欢迎的，但并不是这个问题的核心。
浏览 3提问于2020-07-23得票数 0
回答已采纳
我有一个gwt标签，我把它放在一个gwt网格中。我在标签上有一些活动。所以我需要标签来填满整个网格细胞..。否则鼠标对事件不会触发。
目前我正在做标签上的setWidth(“100%”)和setHeight(“100%”)。这会让标签水平填充..。但我无法得到足够的高度来填充网格单元。，您如何获得标签来填充整个网格单元格(horz和vert)？难道没有什么CSS属性可以更改为100%吗？
我得到的最远就是把标签包在一个格子里。然后将网格/标签嵌入到网格单元中。然后，标签看起来就像占据了整个网格。但这些事件仍然只适用于标签。
浏览 6提问于2011-06-01得票数 1
回答已采纳
我有一个有3行的CSS表格。可能只有不到3个项目需要填充，我想从底部开始填充它。
我已经创建了一个供您使用，但它目前无法执行我想要的操作。
html, body, div {
height: 100%;
}
div {
display: grid;
grid-template-columns: 1;
grid-template-rows: repeat(3, 1fr);
/* MISSING RULE */
}
<div>
<p>Last item</p>
<p>Second last item</p>
浏览 1提问于2020-04-03得票数 4
1回答
java构建路径之谜
、、、
像往常一样，我的包构建在几个外部包之上。我想修改一个外部变量，所以我去获取它的开源。它反过来又构建在更多的外部组件之上，所以我为这些组件获取jar，直到满足了所有依赖项为止: org.codehaus.jackson.JsonParser，它从jackson-mapper jar中调用。我猜想JsonParser在jackson-core.jar中(你怎么知道的？)所以我添加了它。我的依赖关系解决了，6个以前看起来完整的源文件突然出现了不同的依赖关系。前进一步，后退六步。(Eclipse中的所有这些)我错过了什么？也许不是所有的依赖项都是一遍就能找到的？如何查找和解析依赖关系？
谢谢!
浏览 2提问于2011-06-22得票数 0
回答已采纳
使用CSS-Grid时，我尝试将项目放在网格单元的中心，而不是将它们完全缩小到只显示内容。这个是可能的吗？
我在stackblitz上做了一个简单的例子。您可以看到，这些项目并没有用背景颜色填充整个网格单元格。让它正常工作的正确方法是什么？我可以删除justify-items/align-items类，但是内容不再居中。
单元格已填充，但内容未居中：
单元格未填充，但内容居中：
.wrapper {
display: grid;
height: 100vh;
grid-template-columns: 1fr 1fr;
grid-template-r
浏览 1提问于2018-02-17得票数 9
1回答
我有一个kendo网格，启用了多行选择；我试图基于上述行选择中的几个字段填充一个外部选择菜单；我没有得到任何结果；这可以完成吗？小提琴例子？
我查看了，在那里他们根据第一个剑道网格中选择的内容填充另一个剑道网格；我想我应该构建选择选项，比如：
$("#selectMenu").html("<option value=''></option>");
..but我想不出如何从剑道网格中获取选定的数据。
浏览 0提问于2015-02-24得票数 0
回答已采纳
我正在使用AngualrJS和ASP.Net MVC项目中的控件，我有一个页面，其中包含一个树视图(填充文件夹)和一个网格(在树中选定的节点中填充文件夹和文件)。
在树中任何节点的项单击上，我将刷新网格内容。树节点通过调用服务使用Controller "treeCtrl“填充。
假设网格连接到另一个控制器"gridCtrl“，该控制器使用参数调用另一个服务(这是在树中选择的节点id )。
如何告诉网格根据树中选定的节点id进行刷新？假设两个控件和控制器位于同一个页面中。
实现这一点的最佳方式是什么？
浏览 5提问于2015-11-10得票数 0
回答已采纳
我想在一个3列网格中显示一个未知数量的项目。CSS网格似乎是完美的解决方案，使用它的最简单的形式给了我99%的我想要的东西。
不过！如果我有8个项目，它将使第1行中的第一个位置为空，并填充网格的其余部分。示例：
相反，我希望它填充第一行，并将网格中的最后一个位置空着，如下所示：
我使用的CSS是：
.modules {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
HTML是：
<div class="row modules">
<div class="m
浏览 5提问于2022-05-11得票数 0
回答已采纳
2回答
我尝试复制在path：中看到的布局
正如您在布局css中所看到的：
html, body { margin: 0; padding: 0; }
html { min-height: 100%;position: relative; }
body { }
不知何故，他们设法在不固定html高度的情况下，在body上获得了类似100%最小高度的工作行为。我尝试过复制它，但它只有在我设置了html { height: 100% }时才起作用，当我这样做时，当布局需要滚动时，它会破坏背景(在较小的高度它会被截断)。
我已经禁用了javascript &它在path网站上仍然有效，所以它看起来像
浏览 4提问于2012-11-15得票数 1
11回答
手握之谜
、、
一个形状是手性，如果任何旋转都不能使它看起来像它的镜像。在这个谜题中，我们将编写手性计算机程序。
对于这个谜题，我们会认为程序是一个矩形的字符矩阵。因此，应对这一挑战的所有解决方案都必须是矩形的(也就是说，所有的线条都必须具有相同的长度)。我们可以在四分之一的循环增量中旋转这些程序。例如，程序
The quickish fish
lept deftly
rightwards
当旋转四分之一时，顺时针旋转就像
T
h
r e
i
glq
heu
tpi
wtc
a k
rdi
des
sfh
t
lf
yi
s
h
我们也可以反映这些计划。下
浏览 0提问于2018-09-11得票数 49
有人有用smv (nusmv或nuxmv)写的四骑士难题的代码吗？我用网格来描述问题，但当我试图编写约束/移动时，会出现以下错误：
第35行:递归定义: S1
在定义next(S3)的第43行中
在第35行的next(S1)定义中
我理解这个问题，但不知道如何实现这个问题，并避免这种递归。
谢谢!
浏览 2提问于2020-05-07得票数 1
1回答
我想要创建一个对象的网格数组。我要他们用剪裁面罩夹住。同时，网格中的所有对象都应该具有不同的不透明度。
中的示例。
在第23行，我设置了一个随机的不透明度，但是当应用掩码时，这个信息将被忽略并填充掩码颜色。是PaperJS的错误还是我做错了？
浏览 4提问于2021-01-19得票数 0
回答已采纳
2回答
填充到CSS网格
、、、
我是HTML和CSS的初学者，所以我一直在尝试不同的系统，比如Flex和CSS Grid。我遇到了一个问题，我不能向网格列中的元素添加填充。有没有办法解决这个问题？当我试图添加填充到物理标题本身时，它不起作用，因为它是显示网格，这是代码：
header{
width:100%;
height: 5%;
color: #fff;
background: #434343;
display: grid;
grid-template-columns: 2fr auto;
}
header:not(menu, h1, nav){
display
浏览 26提问于2018-08-16得票数 7
回答已采纳
我试图在div中对一个空的CSS网格。我需要网格保持16:9的纵横比和填充尽可能多的空间在div。它是div中的唯一元素，div将更改大小，因为完整文档中有可折叠的边栏和可折叠的标头。
下面的代码保持了高宽比并填充了空间，但是当我试图将其居中时，网格会缩小到最小大小。
我尝试在网格的CSS中使用place-self: center center;，在div的CSS中使用place-content: center center;，但这两种方法都缩小了网格。
如果这样做更容易，则容器div不必是网格。
代码片段：
html, body {
width: 100%;
height: 10
浏览 1提问于2022-04-08得票数 1
关于CSS网格的所有指南似乎都暗示了一种结构，其中位于网格中的元素是网格元素本身的直接子元素：
<div class="wrapper">
<div>A</div>
<div>B</div>
</div>
其中.wrapper有display: grid和网格属性的定义。
如果我想在网格本身上定位一个网格的“外孙”元素(而不是依赖它的父元素)，这有什么意义吗？
<div class="wrapper">
<div>A</div>
<d
浏览 5提问于2017-12-21得票数 21
回答已采纳
我有一个网格，它的宽度和结果的数量各不相同。
网格中的每个单元格为200 x 200 px。
随着网格的扩展，我希望列的宽度保持固定，并添加新的列。您可以想象网格最初有3列，当用户展开窗口时，会添加第四列来使用新的空格。
这个网格正在呈现一组搜索结果。
，因此我需要能够根据结果的数量改变行数。，我需要能够让列动态地填充水平空间。，我需要结果首先填充每一行，然后再移动到下一行。
下面是我一直在尝试的内容，但它目前无法工作，因为它只呈现一个列( JS中的CSS，但它只是CSS)：
ResultsGrid: {
display: grid,
gridAutoRows: 280px
浏览 4提问于2022-02-25得票数 0
回答已采纳
3回答
CSS网格布局:三行网格
、、、
我很好奇是否可以使用Grid布局CSS来创建这样的东西：
************************
* row #1 *
************************
* *
* *
* row #2 *
* *
* *
************************
* row #3 *
*********************
浏览 6提问于2013-12-31得票数 0
回答已采纳
我知道数据网格不是为直接访问每一行而设计的。我的问题是，我需要根据某些条件来突出显示行，而不仅仅是在加载时。加载网格后，可能会在不是填充网格的集合的集合上发生更改，因此对此集合的更改显然不会影响网格。
示例数据关系图：
[GridCollection] [SecondaryCollection]
{ID = 0, Name = "Test A"} {ID = 0, GridCollectionID = 0, Name = "Test A Linked"}
{ID = 1, Name = "Test B"}
因
浏览 3提问于2011-06-03得票数 0
回答已采纳
5回答
工作中断查询之谜
、、、、
我正在浏览一些旧代码，这些代码是由我组织中的另一位开发人员在过去几年中编写的。在尝试改进这段代码时，我发现它使用的查询有一个非常严重的问题。
OdbcDataAdapter financialAidDocsQuery =
new OdbcDataAdapter(
@"SELECT a.RRRAREQ_TREQ_CODE,
b.RTVTREQ_SHORT_DESC,
a.RRRAREQ_TRST_DESC,
浏览 3提问于2010-10-27得票数 14
回答已采纳
1回答
我正在构建一个webapp (在django上)，我要求用户提供以下内容：
行数:X
列数:Y
以交互方式让用户决定行和列标签
以及要拉入虚拟网格中的对象的列表
让我们以3列、4行、标签列i (i=1..x)、行j (j=1..y)和名为"red“、"black”、"grey“的3个对象为例。
有了这些，我希望在一个自动构建的网格上有一个拖放对象的交互。
从对象池中拉出块时，可以将它们放在网格的方框中，而无需将它们从池中移除(对象是无限的)。所以基本上用户可以用红色填充所有东西，3种颜色的混合，一些填充，一些空，等等。
截图示例可以在这里找到：
你知道有没有什么东西已经
浏览 4提问于2020-02-16得票数 0
回答已采纳
因此，我手动传递了StaggeredGridView元素的填充，检查了itemBuilder方法中的索引，但是索引顺序错误。从第三个索引开始，顺序是不同的，在滚动之后会有其他顺序的索引。
指数：
在一些卷轴之后：
我不能使用交错网格视图的填充空间和轴空间来避免引导和尾随顶级水平类别列表视图的空白。如何解决这个问题？
提前感谢！
浏览 5提问于2019-11-24得票数 0
回答已采纳
我有这个数据网格
在其中，我要选择项目，并将该项目列表转到其他页面，在该页面中，我需要填充列表框小部件中从网格中选择的业务流程名称。
PS: Axure的新用户
浏览 2提问于2015-12-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
