css-grid 相关问题

CSS Grid Layout是一种允许创建网格的W3C技术。它不需要使用浮动，表格，绝对定位甚至flexbox（另一种CSS3技术）来构建各种网格，从简单到复杂。一般情况下，请勿将此标记用于CSS网格系统。

使CSS网格行的高度最大化以容纳其内容

如何使CSS网格行的高度根据其内容扩展到最大？因此，这将转换为：.grid {display：grid; grid-template-columns：repeat（3，1fr）; ...

html css grid css-grid

回答 1 投票 0

使用自动填充列时可调整大小的CSS网格项目

我有一个CSS网格，该网格设置为自动填充列，以在一行中显示尽可能多的项目。这可以通过以下方法完成：grid-template-columns：repeat（auto-fill，minmax（10em，1fr））;我想...

html css css-grid

回答 2 投票 1

具有静态最小值最大值的CSS网格自动填充列

我想在对称网格中显示可变数量的高度和大小相等的图像。我希望使用CSS网格并自动填充和最小最大，我希望能够定义最小和最大像素...

css css-grid

回答 1 投票 1

如果一个兄弟姐妹需要弯曲，则将其应用于所有兄弟姐妹

[示例问题：大：https://i.imgur.com/fVUSqJN.png小：https://i.imgur.com/6DOaBIf.png当空间不足时，一行开始弯曲，但另一行赢了如果还没有足够的空间，...

html css svg flexbox css-grid

回答 1 投票 0

[CSS宽度在应用display后无法正常工作：网格；给父母

因此，我将父Div更改为显示：grid;因为我想做一些网格样式。现在发生了什么，我不能为上帝的爱弄清楚为什么，div没有适当地限制...

html css css-grid

回答 1 投票 -1

如何使网格高度与CSS的响应高度中的网格相同

我有些麻烦，我只是一个新的CSS网格，我有2个网格，它们的高度与它们在响应高度中的高度不同，我在下面放了一些代码和图像：对于图像：...时的图像] >

css responsive css-grid

回答 1 投票 0

是否可以将CSS Grid与Ionic一起使用？

我已经进行了几个月的角+离子测试，而我经常使用。但是由于我正在做一个可以在台式机和手机上使用的应用程序，所以有时我需要非常...

html css ionic-framework css-grid ion-grid

回答 1 投票 0

[2行CSS布局，元素数量任意

我具有以下HTML结构：

html css flexbox css-grid

回答 1 投票 -1

网格库之间的第一行和第二行之间的空间

。gallery {显示：网格； grid-template-columns：repeat（auto-fit，minmax（250px，1fr））; grid-template-rows：repeat（auto-fit，minmax（250px，1fr））; }网格图像，您能告诉我这是什么吗...

css css-grid

回答 1 投票 1

Firefox：flexbox容器中的项目不保留长宽比[重复]

css firefox flexbox centering css-grid

回答 1 投票 0

随着项目数的增加更改网格中的列和行数

我必须设计一个响应式网格。网格应根据项目数（而不是屏幕的大小）而变化。从5到6的项目应为2x3，从7到9的项目应为3x3，从10 ...

css css-grid

回答 1 投票 0

CSS网格如何对齐可变高度的行内容

我有两行四列的结构，其中有可变长度的字符串。在启用自动行的情况下，行可以扩展以证明内容的合理性。我有一个按钮，每个网格的末端，...

css grid css-grid

回答 1 投票 1

如何在CSS网格中的行之间具有不同的列宽？

我需要创建如图所示的网格项目。第一项必须为45％，第二项和第三项必须为52.5％，其余各项分别为50％。我无法更改...

html css grid css-grid

回答 1 投票 0

CSS网格：如何将所有内容放在一行中？

我正在尝试更多地使用网格，但是我无法解决应该是一个简单的问题。如何将所有元素放在一行中？也就是说，我想模拟一行的flex布局。我...

css flexbox css-grid

回答 1 投票 0

如何以格子板形式放置网格单元，每个白色单元都为空

图像链接如何如图像链接中所述创建css网格布局。我想在空白区域添加空白空间，在蓝色区域添加单元格div元素。这是我能达到的目标。

html css css-grid

回答 1 投票 -1

在网格布局中，使图像适合其包含单元格的高度

我做了一个简单的网格布局，只有一列和三行。第一个和最后一个分别充当页眉和页脚，而主要内容应放在第二个单元格中。如果页脚单元格为空，...

html css css-grid

回答 1 投票 0

导航栏在滚动中消失

我的问题是，每当我向下滚动时，a就会完全覆盖导航栏。导航栏是固定的，并设置在顶部。 HTML：＆...

html css navbar css-grid

回答 1 投票 0

重叠网格元素：第二个div无法加载

两个div单独正确显示，但是如果img-1和img-2 div都在容器中，则第二个div消失。 HTML： ]

css css-grid

回答 1 投票 0

CSS网格布局中的页眉粘贴位置

我正在学习CSS Grid布局，并且关于定位有问题。我想要的是创建一个由左侧菜单，顶部菜单和主要内容页面组成的页面布局，如下图所示：I ...

html css css-grid

回答 1 投票 0

React / Gatsby：使用CSS网格，每行具有交替的列数

我正在尝试创建一种网格布局，以交替显示每行中的列数。因此，例如，第一行将具有一列，第二行将具有两列，然后第三行...

css reactjs css-grid gatsby

回答 1 投票 0

css-grid 相关问题

最新问题