我正在尝试使用CSS网格在以下约束条件下布局一些内容。 我有三个div -所有的div都应该是50%宽的，但是div 2和3应该堆叠在div 1旁边。我已经设法使用grid -template-area实现了这一点，但我使用PHP动态填充它，所以不能保证总是有三个div，所以如果它超过这个数量，我只是希望网格重复。
浏览 8提问于2021-06-17得票数 0
回答已采纳
1回答
我使用来自的CSS网格多边形填充<div style="display: grid; grid-template-columns: 200px 300px; grid-template-rows303px" horizontal-alignment="Left" vertical-alignment="Top">Button</button>但我得到了以下错误：
无效声明:网格-列&#
浏览 2提问于2016-01-13得票数 0
1回答
(0, 0, 0) solid;}
当大小变量被赋予一个值时，就会创建一个完美的正方形网格我不明白的是，我只是编写了一个容器为display: grid，甚至没有定义任何行列或模板，甚至没有定义任何网格属性。就连grid: 'something'也不见了。为什么我的代码可以工作，所有的子元素都是通过使用网格区域<
浏览 2提问于2020-07-16得票数 1
回答已采纳
在使用CSS网格中的网格模板区域时，我希望有一个跨越整个宽度的标题。是的，我可以用重复( 12，1fr)定义模板-网格列，但是我想要的是一种使用它的方法，而不是写12次列的名称。见下文。footer footer footer footer footer footer footer footer footer footer footer";
第一行有“文章英雄”写了十二遍，有没有办法用“重复”，这样我就可以做repeat(1
浏览 0提问于2019-03-18得票数 6
1回答
CSS网格显示不必要的水平滚动条
、、、、
我使用这个基本的css网格布局，基本上我想创建一个3行(538 Px200px90px)和4列(重复(4，1fr))宽的网格。但是当我将容器(.main)定义为display: grid时，就会出现一个不必要的水平滚动。我想分配100%的宽度不超过那个，因此我甚至尝试了宽度:100 to，但这似乎也不起作用。考虑到我的行高加起来超过100 The，水平滚动条看起来是合法的，但是为什么垂直区域有多余的?1FR1FR1FR应该在4个孩子之间划分可用的空间。问题1:那么这个多
浏览 3提问于2020-06-13得票数 1
回答已采纳
1回答
使网格区域跨越两行
、、、
第一张图片是我从Adobe上模拟出来的，第二张是我的Google网站的截图，它展示了浏览器是如何解释网格的。CSS id/class命名约定如下，这样：
#header__main_ nav和#header_sub是nav HTML元素；#main-nav__容器和#sub__容器是ul HTML元素；.main-nav_item我创建了一个由十列和两行组成的网格。徽标被有意地从其父'header‘元素中“溢出”，它将占据整个第一列，而其他八列将被分割为两行，每一行带有一个nav元素。但是，从网格轮廓中
浏览 1提问于2018-11-30得票数 1
回答已采纳
2回答
我刚刚完成了我的第一个CSS grid布局，模板区域的工作方式给我留下了深刻的印象，但此时此刻，我也对我应该如何填充模板区域中的条目感到非常困惑，这些条目本身就有响应性的列。<style> grid-area: content;<&
浏览 11提问于2019-09-24得票数 0
我已经用CSS Grid创建了一个模式，它应该在6个项目之后重复自己。} { }所需的grid-template-areas模式：现在我想重复这个模式，并重复添加到列表中的项目越多。我还对未命名的区域进行了尝试 grid-column: 1 / 3;}
.item:
浏览 1提问于2017-11-01得票数 9
回答已采纳
定义区域使得设置CSS网格变得容易得多。一个为网格中的每个项目定义一个grid-area，然后将该区域添加到grid-template-areas。当一个网格有一个相当复杂的设置时，需要将所有网格区域放在grid-template-areas中，如下所示： "header header header"box1 box1 box1 box2 box
浏览 2提问于2019-08-06得票数 2
1回答
对于异常轨迹检测、时间旅行预测等问题，我看到的一种非常常见的方法是将数据或地图划分为网格。有谁能解释一下这个逻辑吗？在这种情况下坐标是欧几里德吗？网格分解真的必要吗？
浏览 5提问于2016-02-08得票数 1
回答已采纳
我正在使用引导v5.1的块按钮，我使用d-grid使我的按钮响应。 <button class="btn btn-primary" type="button">Button</button>我想知道d-grid在这里做什么，因为我找不到任何有关这方面的文档。
浏览 7提问于2022-01-09得票数 2
回答已采纳
1回答
我知道CSS网格中的命名区域，这很有用，但它要求您同时指定列和行，并且在此之后无法扩展。但是，我需要一个具有无限行的表。我希望将每一行的数据分配给其指定的列，从而将其放到相应的列中。
浏览 3提问于2018-11-26得票数 1
我是HTML，CSS和JS的新手，这是我第一次在这里发表文章。我一直在这里搜寻，在这个问题上花了一天左右的时间，但没有找到解决办法。
我正试图用CSS网格来布局一个主页。我尝试过使用网格模板区域显式地布局页面，也尝试使用单独的网格模板列和行，但是我的代码似乎没有任何效果。我试过几种不同的方法。我肯定是比较小的东西，但我看不见。
浏览 9提问于2020-07-26得票数 4
回答已采纳
我对CSS很陌生，我正在努力理解CSS网格的解剖/结构。到目前为止，我了解到网格有行和列，它们是由单元格组成的，在称为沟槽的单元格之间存在着间隙。如果我没有弄错的话，网格轨道就是由网格线之间的空间定义的区域。因此，轨道最终是单元格的水平或垂直部分。
不过，我对网格线有点困惑。我的直觉是，网格线和网格间隙在某种意义上是相同的。我想它们是不同的，因为空隙有厚度的概念，而线只是
浏览 0提问于2020-12-26得票数 1
回答已采纳
我有一个包含多个条目的css网格，每一行都有三个或四个网格区域。如何显示一行(或前三或四项)，然后显示“查看更多”按钮？然后，该按钮将显示下一组项目，然后是“查看更多”按钮等等。目前，我只能一次加载所有的网格项作为一个完整的网格。下面是网格的css： display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1
浏览 1提问于2019-04-10得票数 3
回答已采纳
1回答
我有一个设计，整个页面有一个3x3的栏布局，然而，页面的一个区域从3栏变成了2栏，只是在过去每3栏都有负空间，就像这样：即使您添加了更多的div元素，如下所示：我认为实现这一点的方法是使用带有网格区域的css网格，然而，如果不注释下面这两行似乎不起作用： display: grid; grid-template-columns:
浏览 0提问于2018-12-21得票数 0
我希望使用响应性的css网格在figure1中实现布局。元素A，B，C，D，E-有不同的内容(内容与下图中的方框大小成正比)我试图定义具有重复、自动填充和适配内容的网格模板列，但我没有得到想要的结果--我遇到了解释如下的链接
自动重复(自动填充或自动填充)不能与固有的或灵活的大小(例如，fit内容)结合在一起。我还试图定义重复、固定宽度的网格模板列，并将span分配给元素
浏览 2提问于2019-09-21得票数 1
回答已采纳
从我学到的是，我们应该使用DIV和css样式。
从它和他们所拥有的图表来看，它似乎更适合于布局设计。有没有人使用这一点，并可以建议，如果一个人应该花时间学习这个新的2D网格，<em
浏览 3提问于2013-05-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
云直播
腾讯会议活动推荐
腾讯云开发者
