grid 相关问题

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

网格内的CSS网格

我正在使用960网格系统,我正在尝试实现以下目标-| ----- | | ------------------- | | | | |-| | ----- | | | | | | | | | | | | | |-| | ----- | ...

回答 2 投票 0

CSS网格和响应设计

我计划在站点上使用网格系统,但是我希望能够有选择地破坏网格。例如,这意味着将OOCSS size1of2转换为size1of1)。理想情况下,HTML将...

回答 3 投票 2

如何将我的标签与我的按钮对准角材料?

我有一个简单的问题-无法将我的按钮与文本对齐。现在看起来像这样:Html:[...] [[[[]]]]]]]]] <<<<< 如果希望它们对齐,只需将图标移到span元素之外。

回答 1 投票 0


我的网格列插入多行而不是单行

我正在尝试使用类名创建网格系统。为此,我将一行分为两列。一旦我这样做,将2列转换为2行。如何预防呢?我正在尝试创建一个...

回答 2 投票 0

CSS网格中居中的Div

我有一个2 x 2 CSS网格。每个网格框都有一个圆形按钮。所需的UI类似于:相反,我的UI处于令人沮丧的状态,如下所示:我怀疑主要原因是转换:...

回答 1 投票 0

Grid的SharedSizeGroup和*大小调整

我有一个用户控件,称为UserControl,它具有带有以下列定义的网格: []] ...

回答 1 投票 39

具有偶数项的Css网格行

我有一行包含6个项目。根据宽度,它将把项目分成新的行。问题是可能发生这种情况(星号是一项):***** *当我调整屏幕大小时,我希望它达到...

回答 2 投票 0

如何使用pygame创建网格

我已经创建了一个曲面,但是我不确定如何制作网格,因为我尝试使用矩形函数,但是没有完全理解该参数。导入pygame pygame.init()背景= ...

回答 1 投票 0

是否有提供“家庭作业”型练习的资源?

希望可以问,因为我是编码和这个论坛的新手。我发现很多在线和基于应用程序的练习都没有通过,我希望他们能做到。我在这个问题上遇到的问题是我缺少...

回答 1 投票 -4

如何重复创建网格模板区域

我对网格有问题。我想要创建这样的东西:我希望这个架构重复几次。但是我的代码不是flexie。 .grid {margin:0 auto;显示:网格; grid-template-columns:...

回答 1 投票 0

C代码不断闪烁错误,想知道我是否可以在这里得到帮助?

我正在学习C,我想坠入爱河,但是我新发现的爱使我在这个简单的(应该是)代码中感到惊讶。我只是想打印一个2D网格,以整数填充。不管我是什么...

回答 2 投票 0

当行更改列数时如何更改填充?

我有两个具有固定大小的元素(输入)。这两个元素都在其自己的列中。当显示太小以至于每一列都换行时,我需要更改列的填充。我更喜欢...

回答 3 投票 0

如何在根据内容确定大小的元素内创建Bootstrap网格?

我有一个要求将网格放入模态中,并且模态需要根据内容的大小进行调整。以下jsfiddle显示了基本要求 ]]]] 对于“额外的超长内容”,请使用class =“ col-sm-6”;对于长内容,请使用class =“ col-sm-4”;对于简短的内容,请使用class =“ col-sm-2”,以使各列宽度大小相应调整。如果您使用自定义类,请尝试使用“%”代替px。 通过以%(而不是px)提供值来调整宽度,然后尝试... 从您的CSS代码中删除此内容。 .field { width: 100px; } .field.long { width: 250px; } 您的代码可以正常运行。 以下代码段显示了所需的结果。 .pro-modal-outer { position: fixed; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .pro-modal { background-color: #68acff; padding: 20px; } .row { background: #f8f9fa; margin-top: 20px; } .col-4, .col-6 { border: solid 1px #6c757d; } <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="pro-modal-outer"> <div class="pro-modal"> <div class="container-fluid"> <div class="row"> <div class="col-6">1 of 2</div> <div class="col-6">2 of 2</div> </div> <div class="row"> <div class="col-4"> <div class="field">short</div> </div> <div class="col-4"> <div class="field long">extra extra long content</div> </div> <div class="col-4"> <div class="field">long content</div> </div> </div> </div> </div> </div> </body> </html> 我希望这对您有用。 谢谢...

回答 3 投票 0


网格网格的移动功能

我们的任务是创建一个网格网格,并使用一个游标(+)移动(上,下,右,左)响应命令。我已经完成了网格和功能,但是我无法将移动功能移到...

回答 1 投票 0

更新:网格网格项目

我有一项工作,要求我们创建一个点网格以及一个光标,当给出命令时,该光标在网格上上下,左右,左右移动。我无法使用我的移动功能...

回答 1 投票 0

网格正在引导程序中加入新行

我创建了一个网格,但在桌面上它显示了两行,如图像中所示,在电话视图中,它正好显示在这里这是代码 []]] 尝试以这种方式实施。您需要了解有关引导网格结构的更多信息。 <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-sm-3 col-6"> <h3>test 1</h3> </div> <div class="col-sm-3 col-6"> <h3>test2</h3> </div> <div class="col-sm-3 col-6"> <h3>test3</h3> </div> <div class="col-sm-3 col-6"> <h3>test4</h3> </div> </div> </div> </body> </html> 我希望这对您有用。 谢谢...

回答 1 投票 0

允许使用哪些标签作为网格元素

这是一个标准的网格概念:.wrap {display:grid; grid-template-columns:1fr 1fr 1fr; } lorem ipsum ]

回答 1 投票 0

反应数据网格-列分组-展开和合并

我正在为我的项目之一使用React Data Grid。要求是使分组的列具有折叠和展开选项。我能够根据给出的示例对列进行分组。但是,我无法...

回答 1 投票 0

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