css-grid 相关问题

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

Flexbox优于Grid的优点:flexbox可以做哪些网格无法做到的事情?

疯狂地强调了Flexbox用于1-D,而Grid用于2-D,但是我还没有找到清楚的解释,为什么不能将Grid用于1-D并代替Flexbox。我最接近的是,但是你...

回答 3 投票 3

在CSS网格中隐藏左列

我有许多div元素: [顶部 左 右 其中我...

回答 1 投票 1

CSS fr /分数单位最小值过大

我有一个jsfiddle。我所拥有的:我想要的:问题:希望相关的部分是:grid-template-columns:repeat(auto-fit,1fr);我的部分中两个元素的宽度都为:max-content; ...

回答 2 投票 1

为什么我将网格行设置为跨度2时却跨越了1行?

我在以下代码中有一个与网格行和跨度有关的问题:.grid {display:grid; grid-template-columns:repeat(4,1fr); } .item {padding:3rem;边框:1px实心#ccc; ...

回答 1 投票 2

使用纯CSS创建CSS网格布局

[我尝试使用CSS Grid来创建布局,例如图像(任何项目均为正方形):代码我正在尝试:CSS .grid-container {padding:20px;显示:网格; grid-gap:20px; grid-auto-rows:...

回答 1 投票 2

防止将换行符复制到网格布局的剪贴板中

我正在使用无法修改的给定HTML结构。通过CSS,我以视觉上适合我的需要的方式在网格布局中排列了元素,但是在复制文本时,在...

回答 1 投票 0

我的网格列的起点和终点不起作用,无法解决

我在#jedan main div中有很多div元素。由于某种原因,即使我使用grid-column-start和end,标记为方格框1的第一个孩子也不会延伸到接下来的3个方格。 * {... ...>

回答 1 投票 0

CSS网格内的文本区域大小

[我正在尝试使用隐式CSS网格为以下基本HTML结构生成布局: ]

回答 1 投票 0

为什么CSS命名的网格区域不在引号中?

根据规格,网格面积的值为grid-line,它进一步使用自定义标识。然后MDN状态表明不能将标识放在引号之间,这将使它成为一个字符串值,该字符串值由...

回答 1 投票 0

为什么CSS命名的网格区域不在引号中?

根据规格,网格面积的值为grid-line,它进一步使用自定义标识。然后MDN状态表明不能将标识放在引号之间,这将使它成为一个字符串值,该字符串值由...

回答 1 投票 0

React Bootstrap-进度条上的宽度太小

我正在使用React Bootstrap和CSS Grid。每当我将其放在网格系统中时,进度条都太小,但在其他地方也可以正常使用。我不知道问题是否出在React引导程序上,还是...

回答 1 投票 0


CSS网格-在不均匀的列中挣扎

[尝试为这些列设置样式,并且无法弄清楚如何使用CSS网格进行此操作,其中一列或另一列始终不在网格内。有人建议使用干净的解决方案吗?

回答 2 投票 0

防止拖动以在CSS网格中移动空单元格

我想让一个单元格不能在sortablejs中移动。除.clearing外,所有项目均可拖动和排序。但是,您可以在.clear周围或前面移动任何其他div,并将其强制到...

回答 2 投票 1

使用“网格自动流:列”时,首选隐式行而不是列]

我不认为有解决方案,也许我应该将其作为功能要求发布给浏览器制造商?我的问题是我希望我的元素沿列方向流动:[1] [3] ...

回答 1 投票 0

具有CSS网格的导航栏将不对齐

因此,我试图制作一个简单的导航栏,其徽标在右侧,菜单和搜索选项在左侧。但是我不知道如何垂直对齐它们。我觉得这可能有一个...

回答 1 投票 0

Css网格模板-列的minmax小于规定的max?

显示:网格; grid-template-columns:repeat(auto-fit,minmax(80px,1fr)); grid-auto-rows:80px;栏间距:5px;行距:5px;网格自动流:密集;我有上面的代码来创建响应式...

回答 1 投票 0

当所有内容都是动态时,如何创建3列2行CSS网格布局?

我很难构建具有动态内容的CSS网格。我将提供一些关于我所拥有和我所想要的照片的图片。主要问题是左侧的div总是扩展到...

回答 2 投票 0

CSS Photo Gallery wGrid-间隙问题//图像周围的边距

我正在尝试将3x3的照片网格放置在网格项目(onearticles)中,这是我网站的主要内容部分。问题是画廊的网格间隙,或者说只是间隙。我不太了解...

回答 1 投票 0

CSS照相馆wGrid-间隙问题//图像无法触摸

我正在尝试将3x3的照片网格放置在网格项目(onearticles)中,这是我网站的主要内容部分。问题是画廊的网格间隙,或者说只是间隙。我不太了解...

回答 1 投票 0

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