css-grid

5热度

1回答

有没有办法将单个grid-row-gap设置为与网格其余部分不同的特定大小？使用案例：网格的顶行与第二行的间距应小于网格的其余部分，因为它充当标题。

0热度

2回答

我目前正在处理某些布局，并且在应用CSS网格规则时出现图像宽度超过容器宽度的问题。请看看下面的代码。 img { max-width: 100%; height: auto; display: block; } .page { display: grid; grid-template-columns: aut

2热度

1回答

是否可以将多个元素放入CSS-Grid-Cell而不重叠？

我有三列和一行，我想将每个网格元素放入三个结果单元格之一。这就是我想要的，使用三个容器元素： main { display: grid; grid-template-columns: 33% 33% auto; grid-gap: 15px; } .container { background-color: orange;

-2热度

1回答

如何制作CSS网格填充窗口高度？

什么是最好的（最简单/最有效的）方式来使一个CSS网格填充任何大小的窗口的高度，而不使用overflow: hidden或类似的东西？谢谢！

1热度

1回答

CSS Grid调整网格内的按钮大小

我正在通过freecodecamp并尝试制作电子计算器，但仍然很早，只是试图调整大小和布局。我正在使用CSS网格的按钮，但有一个问题，当我试图调整按钮的大小。我有一个javascript函数，为每个按钮在要显示的计算器上创建一个<button>元素，然后在相应的CSS网格区域属性中指定匹配网格。的布局和功能完美的工作，问题就来了，当我试图调整“等于”按钮，位于第4列和行4和5 按钮占用1列，

2热度

1回答

CSS网格最小 - 最大的关键字无法在Chrome

铬给出了一个invalid property value，不尊重的CSS： grid-template-columns: repeat(auto-fill, minmax(auto, 1fr)); 也当auto替换min-content和max-content失败。它按预期的方式工作，当auto被固定值例如 grid-template-columns: repeat(auto-fill, m

2热度

1回答

IE浏览器全高CSS网格布局

我开始使用CSS网格布局伟大的雷切尔安德鲁斯，我不知道，我怎么能拉伸包装。我正在使用她的第一本示例准备好CSS Grid Layout稍作修改 - 全高。它适用于Chrome，FF，Safari，Opera - 但它不能填满IE浏览器的全部高度。我正在使用IE前缀的网格系统（-ms-），一切正常，但不是全高。 .wrapper { display: grid; dis

1热度

2回答

HTML/CSS网格布局文本元素的位置

我得到了一个codepen我一直在努力，但似乎无法得到正确的位置一个在另一个下面的报价。正如你在这里看到的，作者被放置在同一个网格单元的一侧。 https://codepen.io/AngelCasas/pen/qXdGbd?editors=1100 HTML5： <blockquote class="phrase"> <p style="font-size: 3vh">"The m

3热度

2回答

CSS网格行最大高度1FR，滚动内容

我使用下面的CSS-网格样式有一个 '日历' 布局： .calendar { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1.5em 1.5em repeat(6, 1fr); width: 100%; height: 100%; } （C

5热度

1回答

使栅格项目跨越所有可用的列

我有一个网格，其中项目是动态添加的，简而言之，如果这些列未填充，我希望每个项目都占用所有可用的列。例如，在这张图片中，我想让棕色和青色元素一路走向右侧。我可以手动通过告诉每个项目有多少列来跨越，但我想自动做到这一点。一些结果代码： #wrapper { background-color: white; width: 96px; height: 100%