css-grid 相关问题

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

全宽背景,具有以视口为中心的网格布局

我有一个简单的网格布局来显示单列元素,如下所示: 身体 { 显示:网格; 调整内容:居中; 网格自动流:行; } 正文 > * { 宽度:75vw; 最大-

回答 1 投票 0

我的 html 标签不会进入网格的“aside”部分

我在网格方面遇到了麻烦。我设置了边界,除了我想要在屏幕右侧的旁边之外,所有内容都正确地进入网格。附带说明一下,这是使用 SASS。我也...

回答 1 投票 0

我的旁白不会进入网格的“旁白”部分

我在网格方面遇到了麻烦。我设置了边界,除了我想要在屏幕右侧的旁边之外,所有内容都正确地进入网格。附带说明一下,这是使用 SASS。我也...

回答 1 投票 0

网格区域未填满未占用的空间

我目前已经使用网格区域使用网格布局了我的网站。这是我目前为正文指定的样式: 显示:网格; 网格模板区域: “标题标题标题...

回答 1 投票 0

对齐不同块的子元素

我有一份商品清单。我需要在二维列表中显示它们。每个商品都有子元素:照片、标题、描述、价格和购买按钮,它们的大小和位置必须在这个位置...

回答 3 投票 0

如何在网格中拥有离散行

我需要一个布局,其中第一列在所有行中具有共同的最大内容宽度,但行是不同的元素,因为我需要将事件处理程序附加到它们。到目前为止我可以实现非此即彼。 ...

回答 1 投票 0

Flexbox 和网格系统有什么区别?

Flexbox 和网格系统有什么区别?各个系统在什么情况下应该使用?

回答 3 投票 0

CSS 如何为网格中的列分配空间,其中每列宽度由具有固定值的 minmax() 函数定义?

我希望问题标题有意义。如果没有,下面是一个具体场景: 假设我们有一个像这样的元素: 主要的 { 宽度:500px; 显示:网格; 网格模板列:minmax(200px, 300px)

回答 1 投票 0

我怎样才能将第三个和第四个li按钮放在同一列中

最终结果 现在的进展 我正在尝试使用 4x5 网格,但我希望按钮 3 和 4 适合一列,但无法弄清楚如何实现。我尝试过针对这些单独的项目,但

回答 1 投票 0

CSS 网格或 HTML 表格

我有一些东西肯定可以是 HTML 表格,但是,我想知道将其创建为 CSS 网格是否会更好。 第 1、2、3、4 行可能存在也可能不存在,具体取决于所输入的数据...

回答 2 投票 0

CSS 媒体查询已损坏

这是实时代码http://kijpi.ddns.net/fementor3/ 这是我在已损坏的 CSS 文件末尾的媒体查询 `@media(最大宽度:600px){ .主网格{ 网格模板列...

回答 1 投票 0

具有持久纵横比的响应式 CSS 网格

我的目标是创建一个包含未知数量项目的响应式网格,并将其纵横比保持在 16:9。 现在看起来像这样: 。网格 { 显示:网格; 网格模板列...

回答 5 投票 0

css网格高度自动div

我不明白为什么这些方块的高度会一个接一个地移动。我怎样才能解决这个问题? 我想确保这些方块不会一个接一个地移动。 .container-grid { 显示:网格; 网格-te...

回答 1 投票 0

1fr 网格项目内的溢出-x 不起作用

在 display: grid 容器中,我有 2 个子 div。 我希望 div 的大小如下: 第一个分区:300 像素 第二个 div:取剩余宽度 对于 Div 2,如果表格没有,我想要一个水平滚动条...

回答 3 投票 0

如何使用 CSS 网格布局在行表上设置悬停状态

这是一个使用 CSS 网格布局创建的表格,但我有一个问题,我无法在每一行上设置悬停状态。 我只想为此使用CSS。 谁能给我解决这个问题吗? .ta...

回答 7 投票 0

未应用网格间隙 - CSS 网格

我正在使用 html 和 css 为一家小型企业构建一个网站,稍后我将其转换为 WordPress。我遇到的问题是服务卡上没有应用间隙。我的猜测是

回答 1 投票 0

如何使网格适合其可见内容?

我有一个网格,代表一个带有标题和正文(绿色)的表格(红色): 我的问题是,当我给正文一个高度并剪掉其溢出的内容时,表格不会缩小: 如何...

回答 1 投票 0

如何使用 CSS 网格让项目根据其原生宽度跨越多个网格列?

我正在 CSS 网格中显示具有最大列数的项目列表。项目内容的大小各不相同,如果它不适合一列,我希望项目跨越多个项目,直到...

回答 1 投票 0

如何使用砖石布局和小部件的特定顺序来响应小部件页面?

我希望能够渲染不同高度的小部件(盒子,从这里开始),但对于特定的位置,它们会根据页面数据而变化(应该渲染哪些盒子,以及哪个顺序+ ...

回答 1 投票 0

当列无法容纳在 1 行中时,使列能够水平排列

我有一排有 6 列,当屏幕上的列不能彼此相邻时,其中 2 列会放在下面,但看起来有点乱。 我可以通过媒体查询来解决这个问题,但我想知道是否有

回答 1 投票 0

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