563得票36回答
Flex-box:将最后一行对齐到网格

我有一个简单的flex-box布局,其容器如下:.grid { display: flex; flex-flow: row wrap; justify-content: space-between; } 现在我希望最后一行的项目与其他项目对齐。justify-content: sp...

326得票3回答
防止内容扩展网格项

简述:在CSS网格布局中是否有类似于table-layout:fixed的东西?我正在尝试创建一个年度视图日历,其中包含一个4x3的月份网格和嵌套的7x6天数网格。 日历应填满页面,因此年度网格容器的宽度和高度均为100%。.year-grid { width: 100%; heig...

247得票1回答
在Android应用中,GridView和GridLayout有什么区别?

我需要在Android中使用Grid来实现照片浏览器,因此我想知道GridView和GridLayout之间的区别,以便我选择正确的方式。 目前我正在使用GridView来动态显示图像。

238得票2回答
CSS Grid布局中的等高行

我了解到使用Flexbox是不可能实现这一点的,因为每行只能是适合其元素的最小高度,但是使用更新的CSS Grid可以实现吗? 明确一下,我想要在整个网格中所有行的所有元素具有相等的高度,而不仅仅是每一行。基本上,最高的“单元格”应该决定所有单元格的高度,而不仅仅是它所在行的单元格。

187得票5回答
响应式正方形的网格

我在想如何创建一个具有响应式正方形的布局。每个正方形都会有垂直和水平对齐的内容。以下是具体示例...

104得票4回答
如何在CSS网格布局中指定行高?

我有一个CSS Grid布局,我想让其中的一些(中间3个)行拉伸到它们的最大大小。我可能正在寻找类似于Flexbox中flex-grow: 1的属性,但我似乎找不到解决方案。 注意:这仅适用于Electron应用程序,因此浏览器兼容性并不是真正的问题。 我有以下CSS Grid布局: ...

81得票1回答
Twitter Bootstrap 3中的半列问题

我不知道如何使Bootstrap列看起来像这样:col 3 | col 4.5 | col 4.5

71得票6回答
如何在CSS Grid中使最后一行的项目占用剩余空间?

有没有一种方法可以强制网格中最后一行的所有项目填充该行,无论它们有多少个? 我不知道网格中会有多少项,因此无法直接针对它们进行操作。我尝试使用grid-auto-flow: dense,但它并没有真正帮助解决问题。 这是我的问题可视化的方式: : div { margin:20...

68得票9回答
为什么Bootstrap网格布局比HTML表格更可取?

[注意:对于那些可能将此问题与“为什么不使用表格进行HTML布局”的人混淆的人,我不是在问那个问题。我要问的问题是网格布局与表格布局有何根本区别。] 我正在为一个项目研究CSS库(尤其是Bootstrap)。我是一名程序员而不是Web设计师,我觉得我可以从一个封装了良好设计的库中获益。 我...

57得票10回答
在Material UI中使用<Grid>导致水平滚动- React

我正在使用Material-UI 1版本。该版本通过以下命令进行安装:npm install -S material-ui@next 每当我想使用&lt;select&gt;标签时,页面会出现不必要的水平滚动条。 代码:import React from 'react'; import Pro...