GRID CSS -我怎么能不定义grid-row-end？

文章/答案/技术大牛

发布

2回答

css、sass、flexbox、css-grid

我正在制作一个项目组合，第一次使用Grid CSS。我是个新手，我有一个关于网格行的问题。我从来没有在互联网上看到过解决方案，所以我在这里问它。我有一个容器，里面有大小相同的不同盒子。我想用JavaScript (动态)来扩展盒子的数量。我的问题是:我需要写一个网格行尾吗，即使我不知道容器的高度，因为我实际上不知道我会有多少个盒子？我对我的问

浏览 36提问于2019-10-15得票数 1

回答已采纳

3回答

CSS网格重复模式

html、css、css-grid

我的代码如下所示。它是有效的，但非常重复。有没有人知道怎么把这个弄干净？我想我们应该使用repeat还是第n个孩子？我对html和css还是个新手，请原谅我的糟糕代码。谢谢!: 10px;.item1 { grid-row-end: 1; grid-column-end:8;

浏览 0提问于2020-03-12得票数 1

1回答

网格行端显示时隙

css

我正试图显示使用CSS预订的时隙，并且很难正确地使用网格行端。.row {grid-template-columns: auto repeat(14, 50px) auto;background-color: #CCC;}[data-span="2"] { gri

浏览 2提问于2018-09-27得票数 0

回答已采纳

3回答

在css网格中定义新行

css、css-grid

在css表格中，有没有办法说“在第二列之后，开始另一行”？定义网格单元格的高度和宽度似乎足够简单，但定义单元格的显示位置需要很多语法--我觉得我漏掉了什么。grid-row-start: 1;} background: cornflowerblue; grid-column-end: 6; gri

浏览 0提问于2019-11-19得票数 2

1回答

防止CSS网格行崩溃？

html、css、grid、css-grid

Codepen： grid-column-start: 1; grid-row-start: 2; grid-column-end

浏览 5提问于2022-11-12得票数 0

回答已采纳

1回答

有没有可能在不增加HTML代码某些部分的div容器的情况下，使用Flexbox实现这种“复杂”的布局

html、css

我有一个简单的问题。如果不在我的HTML上添加div，是否可以仅使用Flexbox创建？就是我想弄明白的超文本标记语言结构！ 

浏览 3提问于2019-04-09得票数 2

2回答

我(也就是今天！)从CSS网格开始，但它似乎不起作用。然而，在此之前，我注意到每一个关于它的教程都使用类而不是id。这是因为您必须使用类而不是ids吗？不管怎么说，我还是用了课，但还是没用！好的..。我想要一个标题，LH列的nav，主区域，和RH列为其他东西(css在外部样式表)，但标题文本和图片只是出现在LHS，而不是200像素。.container display:grid | inline-grid; <em

浏览 3提问于2020-11-02得票数 0

回答已采纳

2回答

CSS网格的问题，响应性设计不起作用

css、responsive-design、grid

这是我的CSS代码:我有一个网格类，它包含响应性设计所需的所有参数和HTML代码，其中包含六个元素，它应该在低屏幕分辨率上中断行并发送低于彼此的块。 grid-column-end: 2;#item-1 { grid-column-start: 2;grid-row-end: 2;} #it

浏览 8提问于2022-04-21得票数 0

回答已采纳

2回答

CSS网格容器未居中到浏览器视口

html、css、css-grid

我已经定义了一个具有以下属性的CSS网格。然而，我发现在我的Chrome桌面浏览器(Macbook Pro 15“显示器)上，整个网格容器并没有居中(垂直和水平)到我的浏览器窗口。有人能告诉我如何将整个网格容器居中放置在浏览器视窗的中间吗？: 6; grid-row-start: 3; heigh

浏览 28提问于2019-01-22得票数 1

1回答

如何使用CSS网格创建以下布局？

css、sass、css-grid

我正在使用CSS网格来拼贴三张图片。然而，我无法得到最后两个较小的图像，他们需要在哪里。目前，在浏览器中，两个小图像在第一个大图像之上。欢迎任何帮助。在CSS中，我有： -ms-grid-columns:1fr 1fr; gap: 10px;.collage__img:first-child { grid

浏览 3提问于2021-12-20得票数 0

回答已采纳

1回答

CSS网格不能正常工作，尽管验证服务给了我100%？

html、css、css-grid

当通过验证服务运行我的HTML和CSS时，我得到了绿灯，但是代码本身并不使用网格。这就是有问题的CSS：display: grid;grid-template-rows: 6fr;} grid-row-start: 2; grid-row-end: 2

浏览 3提问于2018-11-26得票数 0

1回答

栅格中的职位顺序

posts

在我的主题，我有一个网格，显示特色的帖子。这个我很喜欢，但里面的帖子顺序并不像我喜欢的那样：在上面链接的照片上，你可以看到红色矩形中当前帖子的顺序，下面是绿色的矩形，以说明我想如何显示它们用于在主题中显示这个的代码在这里(如果需要的话，我可以用代码发送整个文件)： $buffy =

浏览 0提问于2020-01-21得票数 0

1回答

具有未知项目量的重复网格布局

css、css-grid

我正在处理一组项目，并尝试用css的网格来定位它们。我的问题是，我把它们与第n个孩子放在一起，所以在第一个6个孩子之后，它就会断掉。我希望能够有无限数量的物品，并且它们都能正确地放置自己。.wrapper { grid-template-columns: calc(50% - 4px) calc(50% - 4px); grid-row-en

浏览 12提问于2020-09-09得票数 2

回答已采纳

1回答

如何对齐基于CSS网格线的html孙辈？

html、css、css-grid

我想要创建一个使用css网格划分为3个区域的部分，标题(黄色)、正文(红色)和控件(蓝色)。每个区域都有自己的div，即网格项，以及这些div中的子元素。有没有一种方法可以根据祖父母的css网格线来排序每个div中的子级？例如，有‘抽签’(行2/3 col3/4)，这是蓝色div与‘输入’(行2/3 col2/3)，即黄色div。

浏览 4提问于2022-03-27得票数 0

回答已采纳

1回答

以相同的速率缩小CSS网格的列

html、css、css-grid

我使用的是css网格。此网格的列和行设置为"auto“。网格中的每个单元格都包含一个确定尺寸的图像(以及其他内容)。下面是一个简单的网格CSS版本，并附带了一个。: 1; grid-row-start: 1; grid-row-end:

浏览 46提问于2018-10-23得票数 0

回答已采纳

1回答

在css网格中设置动态行/列数(修订)

javascript、css、css-grid

从我的研究来看，设置CSS网格最终值的最佳方法似乎是指定它，或者创建/操作css :root值。 '

浏览 1提问于2022-06-09得票数 0

2回答

是否在<body>元素上设置CSS网格？

html、css、css-grid

我担心的是，如果您希望内容与浏览器的边缘齐平，使用包装器<div>可能会留下一些不需要的填充/边距。

浏览 34提问于2018-06-22得票数 1

2回答

在CSS网格中设置第一行的高度

html、css、grid-layout、css-grid

我有一个使用display: grid的基本CSS网格&我无法使用grid-template-rows设置第一行的高度。我的HTML/CSS看起来大致如下：.gridWrapper { height: 100vh;} grid-row-end: 1; ba

浏览 0提问于2018-12-01得票数 3

回答已采纳

1回答

CSS网格项目重叠

css、css-grid

我想使用CSS网格来布局一些项目，当它们在同一列中并重叠时，可以给彼此留出一些空间。; background-color: red; grid-row-start: 3;} background-color: green; grid-row-start: 1; <em

浏览 8提问于2019-10-30得票数 0

1回答

另一个网格的单元格内的网格容器

html、css、css-grid

我正在建立一个小的网络项目。我正在尝试实践网格css系统。我目前的问题是在网格单元中使用网格。 .grid-container{ grid-template-columns: 100%; grid-template

浏览 0提问于2020-01-03得票数 0

点击加载更多