css-grid 相关问题

CSS Grid Layout是一种允许创建网格的W3C技术。它不需要使用浮动,表格,绝对定位甚至flexbox(另一种CSS3技术)来构建各种网格,从简单到复杂。一般情况下,请勿将此标记用于CSS网格系统。

使用css网格,如何使子p标签与同一网格中的自动宽度制作子一样?

我有一个.post div,它是display:grid,我将所有列和行自动调整为我img的大小。 img的最大宽度为19em,我不想......

回答 2 投票 1

你可以设置details元素来显示网格吗?

我想创建一个可以使用。折叠的滤镜元素 元素,因为它开箱即用,具有开/关功能。然而,当谈到造型领域......

回答 1 投票 1

使元素平均填充给定空间

我想有div元素的布局,如下所示:如果屏幕足够大,那么单行中有很多块。例如,我希望每个的最小宽度...

回答 4 投票 2

嵌套的css网格不显示嵌套项

我遇到嵌套CSS GRID的问题 - 嵌套网格项无法正确显示 - 反复检查标记,但我没有看到错误。第一个网格行应该跨越......

回答 1 投票 1

在CSS网格内垂直对齐列表项

如何在CSS网格中垂直对齐列表项?做垂直对齐中间似乎没有做任何事情。为什么垂直对齐中间不能在CSS网格内工作?下面是第一个......

回答 2 投票 1

如何在CSS网格布局中定位特定的列或行?

是否可以使用CSS选择特定的网格列或行?例如,假设我有一个3行乘2列CSS网格布局:grid-template-rows:1fr 1fr 1fr; grid-template-columns:1fr 1fr;。怎么样 ...

回答 5 投票 21

显示内嵌网格在WordPress页面中不起作用

我创建了一个工作组合网页(HTML / CSS),并在本地成功显示。但是当我将代码部分转移到我准备的WordPress页面时,它只显示在一个左对齐的...

回答 2 投票 0

Css网格fr单位

在Css网格中,我可以:.grid {display:grid; grid-template-columns:1fr 2fr 1fr;有没有办法设置特定元素的宽度。例如:.grid {display:grid} and in ...

回答 2 投票 0

CSS GRID自动填充,按钮重叠,取决于分辨率

在使用CSS网格自动填充时,我有一个按钮与另一个按钮重叠,具体取决于屏幕大小。我把它们放在自己的HTML部分,它包含两个div,每个按钮都在它自己的div中。 ...

回答 2 投票 0

CSS Grid自动调整每行的宽度

我有一些小盒子要放置,我有一些盒子就像:3盒子,然后是第二排的2盒子......我到目前为止做的是基于flexbox(不是很容易“)玩“......

回答 1 投票 0

Flexbox使用相同大小的元素来证明包装内容

我正在使用CSS-Grid制作一个最小宽度为35px的元素列表,如果你调整窗口的大小,大小会适应,所以尽可能多的元素可以放入一行,并且......

回答 3 投票 1

CSS Grid - IE 11重叠

这个问题在此之前已被提出,甚至被标记为重复,但没有任何解释或答案可以解决提出问题的人的问题,所以我...

回答 1 投票 3

网格CSS导航栏样式问题

我想让我的导航栏下拉列表使用CSS Grid在3列中的“关于”下显示内容(如下图所示)。我希望“nav-first-col”中的内容在第一个......

回答 1 投票 0

如何将全宽度元素插入三列CSS网格布局?

我有一个父母:.images {display:grid; grid-template-columns:repeat(3,1fr);网格间隙:40px;将其子组织为三列网格。当我 ...

回答 2 投票 -1

CSS网格布局使用javascript更改列宽

我尝试设置CSS网格布局如下.wrapper {width:800px;显示:网格; grid-template-columns:repeat(3,200px); grid-template-rows:repeat(5,200px); } 是否有可能 ...

回答 2 投票 0

使网格区域的高度相同

我有一个小问题,我知道如何重叠CSS网格中的项目,但我不知道如何使它们具有相同的高度(没有重叠我可以),我没有看到。这是我到目前为止所做的,......

回答 1 投票 2

为什么我的Grid元素的高度没有正确计算?

我遇到了CSS网格元素的高度问题。我使用的代码是:.gridContainer {border:thin solid black; background:rgba(255,0,0,0.5);显示:网格;网格模板-...

回答 4 投票 10

如果我为grid-auto-rows指定三个值,CSS会创建三行吗?

假设我有属性集:div {display:grid grid-auto-rows:15%70%15%;这是否意味着在容器中,将有三行,父容器的百分比为......

回答 1 投票 1

为什么通过网格线而不是行/列号来定位css网格上的项目?

我在我的公司做了关于新的CSS网格规范的技术演示,我的经理问我一个非常有趣的问题,我没有一个简单的答案。为什么,在定位元素时......

回答 2 投票 3

从底部开始定位网格项

我有一个CSS网格,在这个网格文章中可能是博客帖子。它们由左侧的图像和右侧的文本组成。我需要文章从底部开始,以便更新的文章......

回答 2 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.