css-grid 相关问题

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

您如何使用媒体查询器从显示网格中隐藏一列,并在剩余的列中调整间距?

我第一次使用CSS网格,对它们的功能感到非常惊讶。我特别喜欢fr单元。我遇到了一个使我适应的问题。我想要的是...

回答 2 投票 0

[如果项目少,如何限制网格容器的宽度,但是如果项目多,如何拉伸以填充父容器?

我有一个按钮,当按下按钮时,它会向网格中添加项目,此刻看起来像这样:如您所见,网格容器被拉伸了全宽...但我希望它的宽度与相同。 ..

回答 1 投票 0

Css网格模板区域;有时是空的网格区域-令人惊讶的行为

我有一个使用grid-template-area建立的CSS网格。我有四排;具有两个按钮的行,然后是具有div的行,该div根据第一个按钮是否为...来有条件地呈现(使用jsx)...

回答 1 投票 0

如何使网格面板的高度不超过容纳其内容所需的高度?

我正在尝试使用CSS Grid创建两列布局。我有.left_1 {grid-column:1;网格行:1; } .left_2 {grid-column:1;网格行:2; } ... .right_1 {grid-column:2; ...

回答 2 投票 0

CSS-Grid从下一列开始

我有一个包含内容的3列CSS网格。我尝试使它成为这样:如果内容太多,则应转到下一列。但是我无法使它工作。你有什么提示吗? .details {...

回答 1 投票 0

如何在带有CSS网格的表单中使用字段集?

我想使用 表示语义HTML。我正在使用CSS网格使表格看起来不错。形式{display:grid;网格模板列:minmax(100px,max-content)minmax(200px,max -...

回答 1 投票 3

如何使我的图像跨多列?

目前,我有一段简单的代码,最近我试图从浮动对象移到CSS网格,但是我遇到了一个问题,使我的图像无法覆盖整个列的宽度。会...

回答 1 投票 0

使侧边栏最大宽度减小度

如何使网页的侧面部分减小宽度,同时将整个页面的宽度减小一定程度? ]

回答 3 投票 0

如何在图片上叠加显示位置? [重复]

我正在以网格格式制作文档,当我将鼠标悬停在想要覆盖的图像上方时,它会随机位于其下方。我将如何在文档上提高这种效果。 (第一个...

回答 1 投票 0

如何用隐式网格布局指代网格末端?

我有一个带有以下片段的HTML文档 A B C D ...

回答 1 投票 0

通过包装使容器填充容器的高度

我试图使容器中的物品占据我想要的空间时遇到问题。主要问题似乎是使flex box和css网格适应宽度的变化,而不是...

回答 3 投票 0

具有底部边距css网格的令人头疼的问题

我正在尝试设计我的网站。 Sofar我负责所有后端,但现在却在前端中挣扎。沙发我设法做了一个简单的布局,没有导航栏和页脚。它已经看起来像我...

回答 1 投票 0

Chrome 80 CSS网格大的后代会导致网格增长

当网格具有固定的宽度和高度,并且网格的后代的宽度或高度大于网格的宽度或高度时,后代会强制网格“增长”以适合网格。在上一个...

回答 3 投票 2

span 1 / span 1`在CSS网格中是什么意思?

我正在使用Tailwind的新CSS网格功能。它具有Grid Column,其值为col-span-1类为span 1 / span 1,为col-span-2类为span 2 / span 2,依此类推,直到col-span-12类为span 12 / span 12 ... 。

回答 1 投票 3

CSS GRID无法按顺序重新排列项目:;

我正在尝试重新排列CSS GRID的顺序。但是显然所有网格项目的默认订单值均为0。应用于网格项目将使其他所有事情都变得更重要,而不是之前。我...

回答 1 投票 0

Chrome 80中的网格模板列不一致计算

我有一个包含四种形式的页面。每个表单的布局都是使用以下CSS网格配置定义的,该配置在所有表单之间共享:.base-grid-wrapper {display:grid; grid -...

回答 1 投票 2

具有网格布局的卡片部分

您好,到目前为止,我基本上已经做到了这一点(在移动设备上,我设法使其具有响应性,但是在较大的屏幕上,我无法设置版式的高度,因此在所有子级中都相同)...

回答 3 投票 -3

网格项目在较小的屏幕尺寸上消失[重复]

我是一个非常新的开发人员,尝试制作像照片一样的类似照片的东西以进行一些练习。我一直非常注重CSS网格的布局...我为... ...>

回答 1 投票 1

[减小窗口大小时CSS网格爆裂

我是一个非常新的开发人员,尝试制作像照片一样的类似照片的东西以进行一些练习。我一直非常注重CSS网格的布局...我为... ...>

回答 1 投票 0

如何显示具体编号CSS网格中的行数?

我正在使用CSS网格显示5张卡片。这些卡在台式机中完美对齐成一行。但是,当我切换到移动设备时,它们将按照下图显示。是否可以...

回答 3 投票 -1

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