css-grid 相关问题

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

CSS网格留下一个方格空白[关闭]

我不明白为什么页脚没有填满屏幕的整个底部。注意:如果我试图延伸到那个角落而不是页脚,那么它也会留空。只是拒绝......

回答 1 投票 0

使用网格时如何在网站底部放置页脚?

我正在制作一个网站,并为我的身体使用网格。现在我正试图为我的网站制作一个页脚,但我的页脚正好位于我的主体右侧。我认为这个问题可能与我有关...

回答 1 投票 0

在表格或网格中垂直对齐和定位旋转文本

我正在尝试在html表中旋转一些文本,但无论我做什么,我最终都会遇到一些对齐和文本流问题。我尝试过使用写入模式的各种组合并在css中旋转,...

回答 1 投票 3

如何在CSS网格中垂直使用所有可用空间?

我正在尝试构建一个带有标题栏,导航标题,页脚和中间主要内容区域的Web布局(侧边栏和主视图分为两部分)。我打算使用CSS Grid布局。我......

回答 2 投票 3

将网格项跨越到CSS Grid的整个宽度

我如何使用display:grid所以它只针对.entry或.post元素并排除档案标题和分页? (存档描述和跨越内容div的整个宽度的分页)...

回答 1 投票 4

css网格 - 我还需要使用列表吗?

对不起,除了我正在寻求简化之外,这不是一个特别的代码问题。我正在尝试迁移到使用CSS网格,因为这个概念看起来很棒而且更直观 - 但......

回答 2 投票 4

用于动态内容的CSS网格布局

我想知道如何为可能是动态的内容设置(仅限CSS网格)布局。假设我有一个Header,Body和一个侧边栏。可以显示或不显示侧边栏。我该怎么办......

回答 1 投票 0

如何在指定的网格列中定位背景?

我有一个有两列的网格。在右栏中,我正在尝试在滚动时实现视差背景效果,但出于某种原因,背景看起来像是在...

回答 1 投票 1

动态创建一个n列宽度相等的网格

使用SCSS,如何动态创建n列宽度相等的网格?当前方法://网格设置$ columns:4; $ columnGap:20px; $ rowGap:30px; //网格显示:网格;网格模板-...

回答 1 投票 1

如何获得Angular的 以使用CSS网格

我正在尝试使用Angular 7和CSS Grid创建布局。我的问题是路由器出口仅占用第二行的一列。我在这里创建了StackBlitz。如您所见,...

回答 2 投票 0

网格行高度大于定义的大小

我在另一个网格中嵌套了一个网格,并将内部网格(#content)的列和行的大小定义为1fr。但是当我添加文本时,列显示正确,但行高...

回答 1 投票 0

保持CSS网格中旋转的方形div的宽度和高度(响应式解决方案)

我试图使用CSS网格跨设备保持我的方形div的一致高度和宽度。我已经旋转了网格,试图制作一个“钻石”形状,但是这个形状在...

回答 1 投票 1

使用混合设计显示flex [重复]

使用flexbox进行以下操作的最佳方法是什么?我希望2行是相等宽度的列,但是,最后一列是100%高度并填充该部分的其余部分。它会......

回答 1 投票 1

具有最大宽度,居中内容的CSS网格布局

我正在学习CSS Grid(早就应该了,我知道)。我挑战自己将一个相对标准的基于浮动的布局转换为网格,但无法弄清楚这最后一部分。我的目标是......

回答 2 投票 4

网格列和行无法正确对齐

我是CSS的新手,我一直在尝试使用CSS网格构建一个非常简单的布局。我画了一个草图:所以在阅读了css-tricks中的伟大解释后,我开始编写代码,但是...

回答 1 投票 0

命名网格线有什么好处?

在CSS网格布局中命名网格线有什么好处?我见过很多这样的例子,我想知道有什么好处?为什么不依靠行号,而不是,例如,首先-...

回答 2 投票 2

在行之间更改CSS Grid垂直间隙

如何更改每个网格行之间的垂直间隙?我尝试过使用网格间隙,但这只会改变水平间隙而不是垂直间隙。任何帮助,将不胜感激。 .wrapper {...

回答 3 投票 5

对齐CSS网格元素

我开始学习使用CSS网格。我正在制作一个看起来像这样的网格。我需要项目3和4水平对齐项目1。所有物品的高度应为700px,所以......

回答 2 投票 1

instafeed.js next()函数打破CSS网格

我正在使用CSS Grid来显示由instafeed.js提取的所有照片。它完美适用于第一组照片,但当我使用next()函数添加“加载更多...”按钮时,它完全...

回答 1 投票 0

使用CSS网格或Flexbox在垂直列中订购商品? [重复]

是否有一种仅使用CSS的方式在不使用像素值的情况下在网格布局的列中对项目进行排序? Flexbox也可以运行。我需要相同的HTML来启用以下两个场景(数量为...

回答 1 投票 3

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