css-grid 相关问题

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

行没有填满高度

我一直在尝试使用CSS Grid并尝试开发一个简单的网页。我正在使用fr单元来均匀地创建显示我的内容并使其响应。列均匀创建...

回答 2 投票 1

Jquery增加对象中CSS属性的值

我正在尝试CSS Grid和jQuery,我被困在这里。我正在尝试按箭头键的方向展开框,我可以打印console.log但它不会更新grid-column-start ...

回答 1 投票 0

CSS网格模板中的边距

在 .item1, I put my navigation and the simple text I'm Header. I want to move these 2 things a little bit up. I tried use margins, but couldn't find a good solution using them. CodePen: ...

回答 2 投票 0

响应地将2列布局折叠为单列

我目前有一个由内容框组成的页面,其布局使得有两个不等宽度的浮动列,每个框具有适合其内容的不同高度,某些东西......

回答 3 投票 1

单排网格,高度为1fr,未在Chrome中填充高度

我在Flexbox列中有一个CSS Grid,并且网格具有flex-grow:1。在Chrome中,网格会扩展以填充可用空间,但其内容不会,即使在网格上使用align-content:stretch。 ...

回答 1 投票 5

为什么我的重复功能在网格属性中不起作用,在css中?

此代码工作正常:grid:[row1-start]'header header header header header'auto [row1-end] [row2-start]'菜单内容内容内容'auto [row2-end] [row3-start]'页脚页脚...

回答 1 投票 0

CSS网格:不完整行的边框

有没有办法让CSS网格(显示:网格)在所有项目周围有1px边框,还填充不完整的行?设置背景颜色的方法似乎不是一个可行的解决方案。 ...

回答 1 投票 4

如何设置css网格列的最大宽度[重复]

我有一个css网格,当有很多项目时它看起来很棒。但是,当有1,2或3个项目时,卡片会被拉伸。我试图设置每张卡的最大宽度,但宽度为...

回答 1 投票 3

CSS网格:同时包装三个div

使用CSS网格,当屏幕变小时,我如何设置三个div来同时换行?这意味着要离开:+ --------- + - + --------- + - + --------- + | div | | div | | div ...

回答 2 投票 0

在CSS Grid中使用带有隐式行的负整数

我正在尝试使用平面HTML结构制作简单的侧边栏布局,其中第一个 element完全填充第1列。我的问题是,负行结束值......

回答 1 投票 3

在css网格上的粘性标题

我有一个漂亮的响应css模板使用CSS网格,我想使这个响应css网格的标头粘,但由于标头和导航设计的方式,我不能得到它...

回答 1 投票 6

css-grid div在反应组件中使用时不调整大小

我已经在我已经制作的示例组合页面中制作了一个css网格布局,当我用html / css做它时工作正常并且响应:代码在这里:https://codepen.io/abhinavthinktank/full/。 ..

回答 2 投票 0

是否可以将多个元素放入CSS-Grid-Cell而不重叠?

我有三列和一行,我想将每个网格元素放入三个结果单元格之一。这就是我想要的,使用三个容器元素:main {display:grid;格-...

回答 1 投票 5

最大宽度与css网格

我想知道css网格如何使用最大宽度。以旧方式,您将使用具有设置边距的包装类的容器。使用CSS网格,取决于你如何创建它们,你没有......

回答 1 投票 1

当我最小化页面时,网格内的网格会移动

我希望有人可以帮我这个,这是我的第一篇文章,我在搜索互联网论坛和w3等时无法找到答案。我正在学习HTML和CSS并且这样做...

回答 1 投票 0

使用功能查询定位不支持CSS网格的浏览器

如何通过功能查询或媒体查询为不支持当前规范的浏览器可靠地创建CSS网格样式的后备?根据像这样的文章,浏览器忽略了......

回答 1 投票 1

CSS网格最小内容不缩小到正确的大小

我是网格的新手,我正在尝试理解一些细胞大小的概念。我有一个设置为显示的容器:grid和一个以网格为中心的主元素,其中min-content列/行是。 ....

回答 1 投票 2

简单的CSS网格不能在IE11上工作

我正在尝试使用css网格,我试图做一个简单的例子,但它似乎不适用于IE11,尽管我使用了适当的语法:.grid {background:gold;身高:90vh; ...

回答 1 投票 1

自动换行不在CSS Grid项目中工作

我有一个段落文本没有换行符。如果宽度超过网格容器的宽度,则应该将其换行到新行。如果容器不是网格,它可以工作。我试过......

回答 2 投票 1

CSS网格布局动态行

我想知道是否有一种方法可以在没有Javascript的情况下为Grid布局分配动态数量的行和列?我见过的每个例子都包含了一些Javascript,截至目前我...

回答 1 投票 0

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