css-grid 相关问题

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

。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

填充行之间的大间隙

在代码中box-2和box-3的行高度自动延伸到box-1的高度，该高度是该行中最高的项目。在box-2和box-3列中还有一个额外的空白。我希望通过框5填补这个空白...

html css css-grid

回答 3 投票 0

如何删除CSS网格中列高的自动拉伸

在代码中box-2和box-3的列高度自动延伸到box-1的高度，该高度是该行中最高的列。在box-2和box-3列中还有一个额外的空白，我希望该空白可以由box-5填充...

html css css-grid

回答 3 投票 0

如何使用网格均匀分布图像链接？

我有一些链接到它们各自站点的图像，但是当我尝试将它们放置在网格中时，它们只是彼此堆叠。我将它们包装在div中，然后包装每张图片，说明和...

html css css-grid grid-layout

回答 1 投票 0

当我使用任何符号时，我的网站文本布局被翻转吗？

我最近刚刚下载了用于网站的模板，但是由于我刚刚将HTML从模板复制到我的项目中，因此我可以将后端集成到其中。网站布局几乎被翻转了...

html css flexbox css-grid

回答 1 投票 0

防止CSS网格子级从父级扩展

我有以下CSS HTML，正文{宽度：100％；高度：100％;填充：0;边距：0; } .one {宽度：100％;高度：100％;显示：网格； grid-template-columns：minmax（0，...

css css-grid

回答 3 投票 1

CSS网格-仅在桌面上元素的替代顺序

我想为PC使用这样的CSS网格制作自适应页面：IMG |文字文字| IMG IMG |文字对于移动设备，像这样：IMG文字IMG文字IMG文字问题是我无法包装每对文字...

css css-grid

回答 1 投票 2

CSS网格-象棋顺序

我想为PC使用这样的CSS网格制作自适应页面：IMG |文字文字| IMG IMG |文字对于移动设备，像这样：IMG文字IMG文字IMG文字问题是我无法包装每对文字...

css css-grid

回答 1 投票 0

行之间的多余空间（HTML网格）

与此处相同：HTML div网格-行之间的多余空间。我认为仍然没有解决。我不熟悉HTML（遵循FreeCodeCamp课程），并且正在尝试创建我的第一个网页。我...

html css css-grid grid-layout display

回答 1 投票 0

css-grid 相关问题

最新问题