css-grid 相关问题

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

如何用网格固定STICKY标头?

为什么当我滚动超过100%的高度时,笔触位置不起作用(标题)? * {保证金:0;填充:0;列表样式:无;文字修饰:无; } html,正文{高度:...

回答 1 投票 0

可变的栅格间隙使填充的栅格父级侵入栅格元素[重复]

如果我为网格间隙设置一个变量值(例如10%),则父级的填充底部( )开始在子级内部填充( )。为什么会这样,我该如何... ] >>

回答 1 投票 2

显示网页在双显示器上包含多个div(每个div在单个显示器上)

例如,我有一个网页,其中包含多个使用CSS网格的div(divA和divB)。我也有2个监视器(物理屏幕)。我想在第一个监视器中显示divA,在第二个监视器中显示divB ...

回答 1 投票 2

这是使用CSS网格的最有效/响应方式吗?

页面示例:https://codepen.io/anthonyhvelazquez/pen/qBBVjBX我发布的示例是我想要的模板的有效示例。我有2个固定高度的标头,其余内容-...

回答 1 投票 1


CSS网格项目重叠

我想使用CSS网格来布置一些项目,当它们在同一列中并且重叠时,彼此之间要留出一些空间。这是一张说明我想要实现的图像:

回答 1 投票 0

将左侧的元素和右侧的元素对齐

我正在使用html表单,并在其中应用了flexbox,左侧元素(公司,电子邮件)正确对齐,但右侧元素(名称和电话)未正确对齐。我该如何...

回答 2 投票 1

CSS网格-将左侧的左侧元素和右侧的右侧元素对齐

我正在使用html表单,并在其中应用了flexbox,左侧元素(公司,电子邮件)正确对齐,但右侧元素(名称和电话)未正确对齐。我该如何...

回答 1 投票 0

我必须使用哪个网格系统?

有必要组成下面的屏幕快照中显示的块,但是我无法理解在图片的块的右侧使用哪种布局更好。 Bootstrap-grid,css-grid做...

回答 2 投票 -2

我可以使用CSS网格创建此浮动布局吗? [重复]

我正在尝试使用以下HTML创建布局: A B

回答 1 投票 -2

如何使用CSS网格创建两列网格?

我正在尝试创建一个相当简单的布局,我想避免使用浮点数。我的简化HTML如下,所以现在我试图创建一个两列布局,在其中我想要一个项目...

回答 2 投票 0

带有固定侧边栏的CSS网格

我需要在中心div之外的站点上固定标题和侧边栏。侧边栏应具有自己的滚动条,就像中央div一样。我以为网格布局将是实现此目的的方法,...

回答 1 投票 0

在CSS中使用网格时,是否可以使网站滚动?

我希望我所有的物品都具有相同的大尺寸,显然它不能全部显示在屏幕上,但是会在底部将其切掉。另外,有一种方法可以使它响应,以便当我最小化...

回答 1 投票 0

CSS网格布局:使用更少的输入指定网格位置?

((我正在尝试使用CSS Grid布局将此数据输入页面从非常原始的CSS / HTML“表”布局转换为更好的布局)。按照惯例,看来我已经做到了12 ...

回答 1 投票 0

如何解决网格不完全适合屏幕的问题?

我非常不熟悉CSS和HTML,这是我在课堂之外的第二个合适的网站。据我所知,我的风格很不合常规,因为我更喜欢使用网格而不是固定对象...

回答 1 投票 0


CSS-Grid不运行,我不知道为什么

因此这是处于新生状态的站点,该站点包含4列和5行。但是第2行的第一个单元格仍以第1行的第4单元格结束,我不明白为什么...请帮助。 #maincontainer {...

回答 1 投票 0

如何在两列中显示容器?

我只想在容器内部显示这两列的内容,并且这些列占据了页面的整个宽度,如下图所示。通过使用CSS网格可以做到这一点吗? ...

回答 2 投票 1

创建一个具有n * n个正方形的css网格

我正在尝试制作一个带有正方形的网格,但是当前正方形已被压缩,正方形也应该接触,而存在间隙。如何配置CSS网格来做到这一点?谢谢...

回答 2 投票 0

将Chrome屏幕尺寸更改为移动尺寸时出现纯CSS网格问题

我尝试使用纯css网格系统,如文档中所述,但是我无法使其在台式机分辨率和移动设备(如Pixel 2分辨率)上运行。而不是像这样两行:...

回答 1 投票 0

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