css-grid 相关问题

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

如果字段集的显示是网格,则图例元素是网格项吗?

如果将fieldset元素设置为display:grid,则css-grid规范的哪一部分解决了如何处理图例元素?如您所知,传奇元素通常是...的第一个孩子。

回答 1 投票 2

网格中心子div没有文本对齐

我使用display:grid作为我的div容器。在这个容器中我得到了一些应该保持text-align的项目:left但是我希望他们的父项居中。 #grid {display:grid;格-...

回答 1 投票 0

CSS Grid将主页分为两部分

在CSS网格布局上遇到一些麻烦。我在课堂上使用了网格简介,它将我的粒子和引言段分成两部分。我想要的是颗粒覆盖......

回答 2 投票 0

css网格单元格中的项目未与末尾或中心对齐

在我的导航网格区域中,我需要将列表与垂直端或至少中心对齐,我尝试对齐项目,对齐内容与end,flex-end,center但似乎没有任何工作!如何对齐列表...

回答 2 投票 0

当项目大小不同时,自动填充和minmax()不起作用

我正在尝试使用不同大小的项目制作完全响应的网格。此示例适用于网格模板列:repeat(auto-fill,minmax(200px,1fr));身体{margin:40px; } ...

回答 2 投票 1

使用可折叠div修复CSS Grid自动扩展高度

我正在使用CSS Grid和Collapsible div制作2列。问题是,当我扩展其中一个可折叠div时,另一个div也将扩展为空白区域。任何人都知道如何解决......

回答 1 投票 0

HTML - 中心列表和底部的图标

我开始使用css网格和弹性框但是我在尝试将此列表与中心对齐时遇到问题。这是codepen和snippet:* {box-sizing:border-box; } .container-shell {...

回答 1 投票 1

随着内容的增长,css网格的动态分配行高度会变得越来越大

与此问题类似,我正在努力使用CSS网格创建一个包含中间行的固定页眉和页脚的布局,该中间行应该使用.static或.dynamic的剩余空间...

回答 1 投票 0

CSS网格 - 无论内容宽度如何,使重复行的列宽一致

我有以下css网格,重复行不保持相同的宽度。每个单元格中的数据可以有不同的长度。如何保持所有重复行的宽度相同?我想要专栏......

回答 2 投票 3

如何在 CSS 网格布局中阻止 div 变大,同时在 div 中添加其他内容?

当我在 div 中添加任何内容时,我的 div 越来越大。我想保持 div 的宽度不发生变化和扩展。如何防止 div 在 CSS 网格布局中变大? 我有...

回答 3 投票 0

如何在CSS上除以两列

这是来自w3学校的代码。那里有9个盒子。但我想把第1行第3列的宽 度除以2。我怎么能这样做?这是下面的代码.grid-container {display:...

回答 3 投票 3

如何使用css网格重新创建浮动布局?

我有一个布局,左边是图像,右边是一些文字内容。它的布局如下:.left {max-width:calc(100% - 150px);向左飘浮; } img {width:...

回答 1 投票 -1

循环SetTImeouts

我在我的网站上使用CSS网格和setTimeout()来淡入和淡出不同的网格元素以及改变边框大小。我现在需要让网格在一个连续的循环中工作 - 我正在努力......

回答 1 投票 0

CSS网格项不是根据grid-area属性排序的

我有这个简单的网格.wrapper {display:grid; grid-template:repeat(6,1fr)/ repeat(12,1fr); grid-template-areas:“hd hd hd hd hd hd hd hd hd hd hd hd hd”“nav ...

回答 1 投票 1

如何在CSS网格中宽度小于特定大小时隐藏列?

我是CSS网格的新手,我不确定是否可以在不使用JavaScript的情况下完成以下操作。当它小于200px宽时,我试图隐藏侧边栏。但......

回答 1 投票 2

具有外柱的Css网格自动流量minmax

嗨,我想使用网格重复和自动填充,但左右外部列设置为1vw(垂直宽度单位),以创建一些填充。不确定如何设置网格项以使用auto -...

回答 1 投票 0

使用分数和屏幕大小百分比时,CSS网格创建不成比例的布局

我一直在使用我的React App使CSS Grid正常工作时遇到一些麻烦。当我使用grid-template-columns:1fr 3fr 1fr;时,其中一个1fr列比另一个小得多(所以空间......

回答 2 投票 0


如何制作伸展儿童并尊重最小高度的CSS网格:0?

我有简单的CSS网格。我希望伸展孩子来填充可用的内容,但如果任何一个孩子有高度,也要尊重它:0。现在它还为孩子们“保留”高度的空间:...

回答 1 投票 2

修复了CSS Grid中的标题

我刚刚开始摆弄CSS Grid,我很好奇如何创建一个固定的标题。我应该创建一个两行网格,其中第一行是标题,第二行是内容的另一个网格吗? ...

回答 3 投票 2

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