css-grid 相关问题

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

具有外柱的Css网格自动流量minmax

嗨,我想使用网格重复和自动填充,但左右外部列设置为1vw(垂直宽度单位),以创建一些填充。不确定如何设置网格项以使用auto -...

回答 1 投票 0

使用分数和屏幕大小百分比时,CSS网格创建不成比例的布局

我一直在使用我的React App使CSS Grid正常工作时遇到一些麻烦。当我使用grid-template-columns:1fr 3fr 1fr;时,其中一个1fr列比另一个小得多(所以空间......

回答 2 投票 0


如何制作伸展儿童并尊重最小高度的CSS网格:0?

我有简单的CSS网格。我希望伸展孩子来填充可用的内容,但如果任何一个孩子有高度,也要尊重它:0。现在它还为孩子们“保留”高度的空间:...

回答 1 投票 2

修复了CSS Grid中的标题

我刚刚开始摆弄CSS Grid,我很好奇如何创建一个固定的标题。我应该创建一个两行网格,其中第一行是标题,第二行是内容的另一个网格吗? ...

回答 3 投票 2

使用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

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.