css-grid

4热度

1回答

当下面的代码中的祖先是display: block时，它按照预期工作。当它是display: flex嵌套网格缩小。我想了解为什么会发生这种情况。只需在下面的代码中取消注释display: block即可查看结果。电网停下来跨越允许的整个区域。 .ctnr{ display: flex; //display: block; flex-flow: col

-2热度

1回答

如果窗口变小（使用CSS网格），让div跳到另一行

所以我最近发现CSS网格变得越来越成熟，即大多数浏览器现在都支持它 - 这对我当前的项目来说很好。我不需要IE 7等，以便能够以最佳方式查看此网页。我知道你可以做一些巧妙的与媒体查询时，屏幕变得越来越小，但我想知道是否有可能单独与CSS网格做例如？所以我们可以说，我有一些事情是这样的： .container { display: grid; max-width: 1

4热度

1回答

像个在CSS网格的网格项

我创建了所需的字段的表单伪元素。为了将这些标记为必需，我将一个星号（*）作为::before元素并将其右移，使其位于该字段的右上角。我遇到的问题是这些字段中的一部分与CSS网格一起定位，当我向网格中添加::before元素时，它被视为另一个网格项，并将所有内容都推送到新的网格行。为什么CSS网格治疗::before元素作为另一电网项目？我怎样才能让星号像输入元素一样定位？这里是基本的HTML

-1热度

1回答

使用CSS网格的CSS网格框架

我试图找到一个支持CSS网格系统的框架。到目前为止，使用Google搜索这个主题只能给我提供基于浮动框架和Flexbox的框架。这可能是“CSS网格”这个词，它让Google很难找到我要找的东西。任何人都找到了一个好的框架，他们可以推荐？

-1热度

2回答

电网CSS全宽列

我无法让我的CSS电网项目走“全宽”在移动，因为我不知道有多少列将有： https://codepen.io/matthewfelgate/pen/Kvqdmp?editors=1100 * { outline: 1px dashed red; } .box { display: grid; &__heading, &__text { padding: 1em;

1热度

1回答

空元素

我用CSS网格模板的地区，像这样： grid-template-areas: 'sidebar tags' 'sidebar categories'; 它工作正常，但我想补充一个空的元素，有点像这样： grid-template-areas: 'EMPTY sidebar tags EMPTY' 'EMPTY sidebar categories EM

0热度

1回答

卡片瓦网格像谷歌加

如何创建卡片滚动像谷歌加网格，三列？我正在使用Material UI，但是我找不到这样的功能？我已经尝试过标准的材质UI网格，但它不工作。

0热度

2回答

在CSS Grid中没有正确布局的网格区域

我想使用CSS网格系统制作我的网站，但它似乎不工作。这里是我的代码： .grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "logo faq" "about-us"; }

2热度

1回答

CSS Grid中的柔性网格行高度

我在网格区域和溢出所定义区域的内容方面存在一些问题。在我的代码如下，你可以看到蓝色内容区域有足够的内容，应该向下推绿色页脚，但事实并非如此。我认为这是与grid-template-rows属性有关，但我不知道如何解决它。它甚至有可能吗？我喜欢网格的内在灵活性，但是这个问题让我难以理解，似乎让所有事情都变得沮丧，这意味着我不能拥有那么大一些的内容！我有以下几点：codepen.io exam

0热度

1回答

Css网格包裹列保持行高

我不确定这是否可以通过CSS网格和/或CSS Flexbox解决，但我想我会试试看，并在这里问。 https://codepen.io/anon/pen/QMOWwr 在codepen你看到多个列的CSS网格，包装当视太小。这是它应该做的，它真的很好用CSS网格是多么容易。但是，我想要额外的是行高是相等的基于该行中最高的单元格。为了说明这一点，我在每列一个小区，而<hr>元素，以模拟边框加入了