css-grid 相关问题

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

具有填充/边距和相同长宽比的特殊CSS（Flex）网格

大家好，我在CSS方面很出色，但这已经达到了我的极限。我想制作一个网格，其中Elements始终具有相同的纵横比（是的，图像本身确实具有相同的纵横比）...

css flexbox css-grid aspect-ratio

回答 1 投票 0

CSS网格：使用纯CSS（媒体查询）对列数进行动画过渡

我使用不同的媒体查询来更改CSS网格的列数，具体取决于浏览器的宽度。我想在更改网格框时实现某种动画效果...

css media-queries css-grid

回答 1 投票 0

css网格溢出父圆。如何强制CSS网格遵守？

因此，我们有一个div块，并应用了一些边框半径使其成为一个圆。接下来，我们在此div块中定义一个CSS网格。但是此css网格不包含自身在圆内。问题是...

css css-grid

回答 1 投票 0

CSS网格中的响应块元素必须位于：固定位置

我正在尝试构建一个显示部分为display：grid且带有grid-template-columns的UI：1fr 3fr。然后，我有2个应该放在这些列中的块元素（我使用了网格列：1/2和...

html css css-grid

回答 2 投票 -1

CSS网格在Google Chrome浏览器中显示不正确

我正在使用CSS Grid布局以具有3列布局。即使我已经提到过list1跨越3行，但list1仅跨越1行。 .wrapper {最大宽度：940px;边距：...

css css-grid

回答 2 投票 0

带有flexbox对齐内容的CSS网格到底部

我在使内容正确放入网格内时遇到问题。我添加了一个代码片段以显示我要执行的操作。 textWrapper的内容应始终位于其父级的底部....

css flexbox css-grid

回答 2 投票 1

CSS网格中的神秘间隙

在下面的代码段中，“主要”区域的上方和下方均存在间隙，这些间隙假定是一个空单元格，其高度与网格单元格相同。底部也有一个空白空间。我有...

html css css-grid

回答 3 投票 2

CSS网格嵌套在wrapper-div或body元素中？

在本系列中，他们都使用了包装器div。 MDN-CSS GRID布局是否必要？如果是，为什么？

css css-grid

回答 1 投票 2

如何让具有自动调整功能的CSS网格的最后一列缩至minmax的最小值？

我正在使用以下CSS网格布局：.grid {display：grid; grid-template-columns：repeat（auto-fit，minmax（500px，1fr））; }这会尝试容纳尽可能多的500px列，然后...

css css-grid

回答 2 投票 4

具有相同行高的两个列的CSS网格

如何实现两列布局，但两者都具有相同的行高？我有contenteditable元素（在输入时，用户将创建新的div元素，每行一个div，行可以自动换行）。我要...

css css-grid

回答 1 投票 -1

使标题为屏幕的100％

我正在尝试将标头部分设为高度为100vh;的视口的100％；但是不知何故它溢出了。当查看devtools时，我发现此问题的原因来自我的导航栏。 ...

html css css-grid

回答 2 投票 4

[CSS网格布局流体单元格内容大小

我新的CSS网格和我做用于经由用户输入数据的一个简单的选择动态网格布局。布局按预期工作，但我在实现智能手机的响应能力时遇到问题...

html css css-grid

回答 1 投票 0

让CSS Grid的最后一列具有自动调整的最小最小值minmax

我正在使用以下CSS网格布局：.grid {display：grid; grid-template-columns：repeat（auto-fit，minmax（500px，1fr））; }这会尝试容纳尽可能多的500px列，然后...

css css-grid minmax

回答 2 投票 3

获取网格行以覆盖网格模板行

我是为了自己接受教育而问这个问题，如果这是不好的做法，请随便说。我希望元素#one #two＃3和#four具有其父属性grid-template-rows：100px ...

html css css-grid

回答 1 投票 1

如何使用单独选择的网格行覆盖CSS网格模板行：1 / span 4样式语法

我是为了自己接受教育而问这个问题，如果这是不好的做法，请随便说。我希望元素#one #two＃3和#four具有其父属性grid-template-rows：100px ...

html css css-grid

回答 1 投票 0

对齐不同块的子元素

标题和文本的长度非常不同。每个标题行应具有最长标题的高度...文本和第二个文本也以相同的长度在同一位置开始。抱歉，...

css css-grid

回答 1 投票 0

如何使用css网格选择整个网格项目，同时使项目居中对齐并保持悬停状态

我正在制作一个计算器网络应用，在将鼠标悬停在数字/字符上时遇到困难。我将整个计算器做成一个网格，并使用align-items将项目居中对齐...

html css position positioning css-grid

回答 1 投票 0

与内容去容器外部CSS网格问题

我试图遵循的指导这里使用CSS电网：教程。我没有试图让同样的事情。我有两个定义区域：一边和主。这里是我的网格的定义：身体{显示：...

css css-grid

回答 1 投票 0

如何在另一个网格中添加格？

由于在图像下面我有全高的背景图像。问题是里面在另一个网格，网格和它不能伸出。在这里，你可以检查我会重新创建网格布局。通过我不能使用...

html css css3 grid css-grid

回答 1 投票 0

如何证明项上显示的工作：块元素

的理由项的MDN文档指出：在块级的布局，它对准所述字形轴其包含块内的物品。现在，我认为，这个属性是为了...

html css flexbox css-grid

回答 1 投票 1

css-grid 相关问题

最新问题