css-grid 相关问题

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

显示flex是覆盖显示网格布局

当我在其中包含显示器flex布局时,我的显示网格布局有问题。在我的第一个例子中,我有我想要的网格布局。它分为5列,标题...

回答 1 投票 0

我不能让网格模板区域在html中工作

我正在尝试使用网格区域将30%/ 70%的分割放在一个框中,左边是图像,右边是文本,但它们保持重叠,我不知道如何修复它。图像没有显示在......

回答 2 投票 4

如何使用JavaScript获取元素的网格坐标?

假设我有一个3列CSS-Grid。有没有办法使用JavaScript来获取自动放置元素的网格行和网格列?示例:console.log($('#test')。css('grid-row'),$('#test')。css(...

回答 1 投票 4

FF网格容器宽度计算错误

以下CSS网格代码在Chrome和IE中的行为与在FF中的行为不同。 https://codepen.io/inkOrange/pen/XGzeMo布局设计为在溢出的内容时水平滚动...

回答 1 投票 1

设置网格行时,CSS Grid不会包装子项

CODEPEN背景:我正在尝试使用Grid CSS并尝试使用当前实现的布局来扩展预期布局问题:在桌面上元素标题应为8 ...

回答 4 投票 5

网格布局2列,垂直尺寸彼此独立

我创建了这个jsFiddle以显示问题。代码如下:HTML: LEFT RIGHT1

回答 1 投票 2

为什么我的自适应网站会在移动设备上放大?

所以我为一家虚构的公司创建了一个简单的登陆页面,这样我就可以尝试使用css-grid,并尝试让网站响应。首先我尝试没有媒体查询,但后来我认为媒体......

回答 2 投票 -1

我应该使用Flexbox还是CSS Grid? [重复]

我知道这不是一个新问题,但我还没有找到一个强烈的辩论,我想听听你的意见。所以,我想用一个方向布局做一个简单的组件。我该怎么用:......

回答 1 投票 -2

如何使CSS网格无响应?

我正在尝试制作一个CSS网格,当它内部的元素发生变化时,它不会改变高度/宽度。我有以下代码:

回答 2 投票 4

如何删除带有网格的ul左边距

我有一个非常简单的网格:#grid {display:grid; grid-template-columns:1fr 1fr 1fr; list-style-type:none;设置十个列表项: ...

回答 1 投票 1

全角元素打破了使用display:grid创建的布局

我有一个简单的布局,我用CSS网格创建了一个主要元素和侧边栏(请参阅代码段)。在侧边栏内,我有一个孩子元素,我想全宽(我....

回答 1 投票 0

CSS网格布局中的等高行

我认为使用Flexbox是不可能实现的,因为每行只能是适合其元素所需的最小高度,但是可以使用较新的CSS Grid实现吗?要清楚,我......

回答 3 投票 58

CSS Grid align-items:基线在Safari中不起作用

我遇到过“align-item:baseline;”的问题。在Safari中无效。它适用于Chrome和Firefox。这是一个错误还是我缺少的东西? Codepen:https://codepen.io / ...

回答 1 投票 0

使用span属性时,CSS网格自动调整大小不起作用

说我有3个街区。每个块可以包含跨越网站整个宽度的内容,或更少。例如,假设块1具有填满整个宽度的内容。第2和第3街区......

回答 1 投票 0

为什么grid-auto-columns没有效果?

我正在探索CSS网格布局,这是我不明白的事情。我使用了grid-auto-columns和grid-template-columns,但它不会影响任何东西。我试图设定各种价值......

回答 1 投票 2

响应式水平滚动CSS网格,每个断点具有固定数量的网格项

问题:CODEPEN我如何使用CSS Grid设计一个网格来制作一个Carousel,它的网格项响应固定数量的网格列,每个断点会有所不同?问题:网格项......

回答 1 投票 1

为什么grid-template-row在这里没有做任何事情? [关闭]

这是我的代码:html,body {margin:0;填充:0; } .container {display:grid; grid-template-columns:1fr; grid-template-rows:8vh,90vh,...

回答 1 投票 0

用于UL的2列CSS Flex / Grid

我今天在工作上花了太长时间考虑这个,所以我想我会问互联网蜂巢。我有一个标准 with a number of 元素(目前12但可能...

回答 1 投票 1

无法实现特定的CSS网格布局

我正在尝试创建购物车页面。这是我的目标:我考虑使用Flexbox,因为这是一维布局,但想要使用CSS Grid进行一些练习。我认为CSS Grid是......

回答 5 投票 1

在移动视图中折叠网格项时避免双网格间隙

我正在使用CSS网格创建一个网站布局,我几乎完全按照我的意愿得到它,但我遇到了一个问题:我的桌面视图就像我想要的那样,但当它崩溃到一个移动大小的时候......

回答 2 投票 1

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