css-grid 相关问题

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

在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

CSS:全新css网格的全宽背景

我正在使用这样的新css网格:#site {display:grid; grid-template-columns:10%1fr 1fr 1fr 10%; grid-template-rows:100px auto; grid-template-areas:“。header header ...

回答 2 投票 0

如何使用flexbox包含网格内的内容?

我想使用flexbox来包含网格的第二个div中的所有内容。在这种情况下,图片溢出,我不知道为什么。我希望它按高度调整大小并保持纵横比....

回答 2 投票 0

使用网格布局进行表单设计

我正在尝试使用Grid布局在CSS中设计搜索表单。我的目标是使表单看起来类似于:。我的方法是有4行:1行为输入/文本标签1行为...

回答 1 投票 1

在不完整的css3网格中绘制列/行

我正在使用css-grid来生成类似于显示的网格。但是这个显示不包含每个单元格的元素。是否可以使用CSS绘制每个行/行的轮廓而不添加...

回答 2 投票 1

如何使用CSS网格布局在CSS中创建固定列?

我创建了一个简单的网站,其中#container div是两个div的父级:#left和#right,使用网格布局:有没有办法让左列固定?我希望左边的文字继续存在......

回答 6 投票 13

如何在Web浏览器中查询CSS Grid支持?

如何在Web浏览器中查询CSS Grid支持?所有主流浏览器都支持最近版本的CSS Grid,但如果客户端有旧版本,我需要回退到其他版本。

回答 2 投票 2

如何使CSS网格中的链接/ href显示为内嵌与块?

当我使用CSS网格将链接插入div容器时,它将链接视为块元素与内联。即使我试图强制它内联,它仍然将其视为块。我怎样才能建立链接......

回答 3 投票 1

bootstrap上的屏幕大小列似乎没有正确应用

我正在使用Bootstrap 4 + Asp.Net MVC创建一个页面。我想在大屏幕上创建4列布局,在中型设备上创建2列。所以我创造了这个:

回答 1 投票 -1

在CSS网格中选择行

我开始学习CSS网格了。但是,如果我有12行和12列,我会尝试研究如何选择2行并将其跨越到最后。在那行不好将要放一个导航链接....

回答 1 投票 0

CSS网格排序

我有类似的东西:div:not(.mega){background:yellow;宽度:150像素; }。{background:red!important; } / * // * / .mega {display:grid; grid-template-columns:200px 200px; } ...

回答 1 投票 -4

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