css-grid

3热度

1回答

我想在我的网格块创建行的模板： grid-template-rows: repeat(3, 150px); 我知道，这个模板应该是前三行工作。但是，从4行此模板不起作用。我可以为所有行制作模板吗？ P.S. 此模板仅适用于第一行。 grid-template-rows: 150px;

1热度

3回答

在包装后将Flex项目保持在适当的列中

我试图使用justify-content来正确地在我的容器中对齐div，但是此选项无法按预期方式工作。我想我的div的容器内，以维持秩序我的例子中的第二行中，像这样： 1 2 3 4 5 ，而不是像： 1 2 3 4 5 .container { display: flex; width: 1100px; justify-content: s

1热度

1回答

CSS Grid：动态扩展最后一列

是否可以自动跨越最后一列来占用网格中的剩余空间？基本上，我试图做到这一点： .row { display: grid; grid-template-columns: repeat(3, 1fr); } .col { background: blue; padding: 20px; border: 1px sol

2热度

1回答

IE/EDGE中的CSS网格自动放置

使用IE 11和EDGE支持的旧CSS网格规范。网格物品是否可以像目前的规格一样自动放置？即以不必在网格上项目定义列： .item:nth-child(1) { -ms-grid-column: 1; } .item:nth-child(2) { -ms-grid-column: 2; } .item:nth-child(n) { -ms-grid-colu

6热度

2回答

如何设置CSS网格布局中列的最大宽度？

我想要什么来实现的：使用CSS Grid Layout，有与大小是从它的内容导出的右列的网页，但最多只能到窗口宽度的20％。如何我认为这是可行的： div { border-style: solid; } #container { width: 300px; height: 300px; display: grid;

1热度

1回答

在窗口的CSS网格布局奇怪的行为调整

的Chrome版本60.0.3112.78（正式版本）（64位）在Windows 7 我探索CSS网格布局，并在Chrome中所遇到的一个奇怪的问题（在Firefox中工作正常）。我创建了一个简单的注册表单，我想在页面上水平和垂直居中。我使用三个嵌套网格来构建我的布局。 html { height: 100%; } body { font-family:

2热度

1回答

支持IE10/11的CSS网格语法

如何支持IE10和/或IE11的网格布局？到目前为止，我只发现-ms-前缀应该做的伎俩，但我只能让它在边缘浏览器上工作。我曾尝试查看Microsoft文档和MDN网络，但无法找到任何帮助。下面你可以找到我的代码中使用： @supports (display:grid) { .App-body { display: grid; grid-template-colu

0热度

1回答

位置div移动到在CSS Grid中指定的不同位置

我创建的位置div移动到标题标题的右侧，而不是转到关于div的右侧。 https://jsfiddle.net/j0j4xfLe/3/ <div id="location"> <h3 class="content-title">Where are we?</h3> <p id="locationMap">Google Maps</p> <p id="locati

5热度

1回答

grid-column-gap导致溢出

我刚刚测试了CSS display: grid。它运行良好，但grid-column-gap: 10px;打破父容器。我在下面的代码中的绿色区域比网格区域小。 box-sizing: border-box;显然没有效果。如何使网格区域和父容器具有相等的宽度？ /* ------------------------------- Resets ---------------------------

2热度

2回答

CSS网格布局2 * 3与多组

我尝试创建一个两列布局[PARAMS - 渲染]使用CSS网格布局行的未定义数量（有时2，有时3）。渲染柱具有特定背景无论对行的计数，但行的高度是列之间相等。我想我需要把另一个标签做到这一点。我让你这个布局的屏幕截图。这是我能给的更好的例子。粉红色的盒子是网格布局。对于“渲染”列，我有一个可以在CSS中创建的特定背景（白色和阴影）。我不想使用它的照片。这似乎是我想要做的就是这样的例子隐式