css-grid 相关问题

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

使CSS网格上的项成为超链接

我正在使用CSS网格。如果我将它包装在一个标签中,我认为我可以将一个网格项目制作成超链接。但我可以看到这个解决方案无效。整个网格包括......

回答 1 投票 -1

CSS网格布局的严重问题

我对编程非常陌生 - 我正在尝试使用HTML和CSS复制这个网页布局>>>期望的外观<<<到目前为止,我一直在使用CSS网格,我想我理解这个概念,......

回答 1 投票 1

使用display:grid的容器的直接子元素是什么类型的显示?

如果HTML中只有一个p标签,背景颜色为蓝色,并且边距为:auto,那么它会占用页面的宽度,宽度和填充可以更改,就像内联块一样。 ...

回答 4 投票 4

并排排列图像和文本,并将文本最大高度设置为img hieght

我无法弄清楚如何在div容器(css 网格)中放置3个元素,并保持页面响应。标题(img中的紫色)照片评论(img中的绿色)我希望实现的流程...

回答 2 投票 2

是否可以为css网格内的行设置背景[重复]

是否可以为css网格中的整行提供背景?如果我给网格的子元素提供背景颜色,它将看起来像是否有任何解决方案为此期望制作...

回答 1 投票 0

低浏览器分辨率下网页底部的空白区域(CSS-Grid布局)

我一直在尝试使用CSS-Grid进行简单的网站布局。一切都工作得很好并且响应迅速,但是当我将浏览器最小化到非常小的分辨率滚动条出现时......

回答 2 投票 1

与使用repeat()的网格中的行进行交互

我有一个网格,我目前使用以下CSS生成:.tp-grid {display:grid; grid-template-columns:repeat(11,1fr);网格间隙:15px; align-items:center;在HTML中,我生成...

回答 1 投票 2

如果容器没有定义高度,为什么CSS Grid项不会换行?

我有一个网格布局中的项目列表,网格容器有一个宽度设置,但没有设置高度。我希望项目填充列,直到它达到容器宽度,然后包装成行。但......

回答 1 投票 1

css-grid创建一个虚构的列

我正在创建一个简单的表单,我想要这种布局到目前为止这么好,非常简单2列,嵌套2列,所有这些都定义为0.5fr,应该是“free -...

回答 1 投票 1

现在,CSS Grid Level 2中子网格的概念是否适用于浏览器?

我开始学习一个演示文稿的CSS网格布局,并在这个粉碎的杂志中解释了CSS网格级别2。从这里我了解了属性子网格。以下几点......

回答 1 投票 1

CSS Grid不显示

第一次开始练习CSS网格,但在Chrome中根本不显示。当我启动.html时,只显示边距,但每个其他元素都显示为一个块,如:...

回答 1 投票 0

使用cssgrid时,pageYOffset在滚动时不起作用

我有一点问题。当用户向下滚动时,我试图隐藏一些元素。但我有一个奇怪的问题/问题。当我使用函数pageYOffset时,我一直显示0,就像我不...

回答 1 投票 0

在CSS网格中拉伸的元素

我目前正在组建一个流体网格。我遇到的问题是由于文本内部的长度,列将具有可变的高度。考虑到这一点,它使我的行伸展,因此......

回答 2 投票 2

网格布局 … Bug on chrome?

从我几十年的手工编码HTML经验来看,我已经了解到了这一点 , are just block-level elements like . CSS-wise, they behave just the same in terms of ...

回答 1 投票 8

CSS(网格),自动调整未知数量的项目,行和列,100%高度和宽度

我正在尝试使用未知数量的项目(生成javascript)呈现动态(css)网格。我需要的是在宽度100%和高度100%的所有项目(显然调整大小)。示例:1项:...

回答 1 投票 -1

img项目的CSS网格很好地工作,但是当imgs获得div包装时会中断

这是我第一次修补CSS Grid。我用它制作了一个响应式图像网格,在玩具示例中非常好用。但是,当我尝试在我的实际项目中使用代码时,...

回答 1 投票 4

使用媒体查询时,为什么我的网格项目不会叠加在一起?

我正在尝试使用媒体查询将我的网格项目(只有2个div)叠加在一起,但无论我改变什么都没有变化。我想把我的3列改成1列会......

回答 1 投票 1

使用flexbox最多6张照片拼贴画

我是flexbox的新手,并尝试使用它来布置最多6张照片的照片拼贴画,如下所示:我希望将照片布局为编号,以便当照片少于6张时,位置...

回答 2 投票 4

CSS Grid菜单下拉列表问题

我正在努力解决当前这个问题:点击时出现的下拉菜单隐藏在第3行和第4行的图像内容后面,我希望它能够将内容推下来。我已达到......

回答 1 投票 0

用CSS网格无法实现网格布局[重复]

在尝试了解有关CSS网格的更多信息时,我正在尝试创建一些不同的网格布局。我要创建的是以下内容:以下是此步骤:.wrapper {display:...

回答 2 投票 3

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