1rem; grid-template-columns: [c1] 1fr [c2] 1fr [c3]; <div class="narrow n2">S
浏览 16提问于2019-11-17得票数 2
1回答
如何获得一个<section></section>来适应它的内容与CSS网格布局？右边的深蓝色部分应该在黄色高亮处结束。换句话说，它应该围绕它的内容。我不知道我怎么能让它这么做。class="deity-name h1__white">@Model.Name</h1>
<section class="deity
浏览 2提问于2018-08-23得票数 0
回答已采纳
2回答
我正在使用grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr);，这是我最好的尝试来实现我想要的，但仍然是不够的{ grid-template-columns: minmax(min-content, 1fr) minmax(m
浏览 8提问于2021-09-09得票数 1
回答已采纳
1回答
第一个网格项的min-content值是什么?为什么？ display: grid;}
background-color: red;
.grid-container > div:nth-child(2) {
浏览 1提问于2020-06-10得票数 0
我正在构建一个示例项目，我已经创建了一个网格容器，但是在第一个单元格(头)之后不久，它添加了比其他行更多的数据。这是cssbackground-color:#fff;margin: 0 auto;grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start]
repeat(auto-fit, [col-start]
浏览 0提问于2018-10-12得票数 0
回答已采纳
1回答
我正在尝试使用CSS网格来创建页眉，粘性页脚(将始终在屏幕上可见)以及导航和主要部分，内容可以增长，但它们有滚动条(这是通过angular组件实现的)我的网格是这样定义的： display: grid; grid-template-rows: min-content 1fr min-
浏览 6提问于2020-08-19得票数 2
我有一个CSS网格，它是两列，五行(显示在768 at上方)。所有的行都被设置为"min-content“栏的最后一个，被设置为自动。我已经定义了模板网格区域，每个“单元格”都有一个，除了第二列命名为a6的第3行到第5行(在示例代码中)当a6中很少或没有内容时，网格的行为与我想要的完全一样。(min-width:768px) { grid-te
浏览 0提问于2019-07-23得票数 2
回答已采纳
我这里有两个关于网格的问题。首先是在单元格中使用填充。二是网格间距固定。 我正在尝试创建4柱网格线。第一个和第二个单元格(青色、红色)在调整大小时应该消失，并且没有它们的空间。这应该通过FR单元来完成。它正常工作。除了我在它们里面添加填充的时候。 有没有办法在调整窗口/屏幕大小时使填充消失？ 第二个问题是当我删除单元格的填充时。现在，网格</em
浏览 17提问于2019-08-24得票数 1
回答已采纳
3回答
如何更改每个网格行之间的垂直间隙？我尝试了grid-gap，但这只是改变水平的差距-而不是垂直的。任何帮助都将不胜感激。 width: 1000px; grid-gap: 10px;
浏览 1提问于2019-02-27得票数 7
回答已采纳
1回答
我对CSS网格中的多行项有一些问题。我不确定是故意的还是奇怪的行为。它不使用2x2网格，而只使用两列。这是有道理的，但它怎么会被多行内容推开呢？如果一个项目跨越2行，那么它应该只推送这两行高度，而不是第一行的高度。我对此有点困惑，如果有
浏览 6提问于2017-12-14得票数 5
2回答
在网格中，是否有一种方法允许我的文本重叠到它旁边的单元格中？.feed { grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(7,1fr);
浏览 1提问于2020-01-12得票数 1
回答已采纳
我试图创建一个使用HTML和CSS的电子邮件模板。我目前的标题下有"FROM“和"SUBJECT”。我想让这两个按钮，只有当我点击一个或另一个。目前，我只有两个大宽度的按钮。.myBtnHeader { text-align: left; color: black;
padding: 1px
浏览 3提问于2020-02-06得票数 3
回答已采纳
我在玩CSS网格(目前还没有)，而且我无法在Firefox中找到一个粘性页脚。它在Chrome中运行得很好，所以这可能是浏览器的问题，但是我服从于社区更多的知识。我将主体设置为主网格元素，并定义如下的列/行： min-height: 100vh; grid-template-rows: min-contentmin-content 1fr
浏览 1提问于2017-03-24得票数 1
回答已采纳
1回答
我正在使用grid创建一个项目(卡片)列表，子网格溢出到下一个元素元素中。现在，在Firefox中，我没有这个问题。以下是网格父网格和子网格的代码： display: grid; grid-template-columns: 26rem [main-start]repeat(5, 1fr[main-end]);
grid-tem
浏览 2提问于2020-06-04得票数 0
我正在尝试更好地理解顺风网格--有人能帮我理解1fr、700px和2fr的每一个参数<div class="grid-cols-[1fr,700px,2fr]"></div>
浏览 4提问于2022-05-26得票数 2
回答已采纳
如何使网格中的单元格与其max-content一样宽，而不会溢出父网格容器？请检查此示例：.grid { display: grid; grid-template-columns: min-content如果我将其设置为1fr而不是max-content，标签将覆盖整个容器的其余部分，这是不需要的，因为现在您可以切换复选框，单
浏览 2提问于2020-10-07得票数 6
回答已采纳
2回答
有一个IE和边缘特定的问题。玩弄"CSS网格布局“和auto宽度似乎不适用于IE10/11，甚至在最新版本的边缘。(在Chrome和FireFox中运行良好。)
-ms-grid-row: 1; background-color: red; -ms-grid-row:: 2;}
<div class="t
浏览 7提问于2017-07-30得票数 3
回答已采纳
1回答
我正在开发一个，它目前处于一个非常粗糙的状态。我正在努力改善网站的风格。
我已经完成和样式的顶部行，我的名字和导航栏，使用一个名为grid.css的文件，可以在网站的源代码中看到。我在他们的“构建一个简单的网站”教程中从teamtreehouse.com获得了这个文件，因为我认为实现这个网格很容易。出于某种原因，网格完美地工作在顶部行，我的名字跨越3列，导航条跨越
浏览 9提问于2014-01-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
