css-grid 相关问题

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

Flexbox：将一个全高列与以下行合并（两列布局）

我为此工作了几个小时，但无法获得有效的解决方案。基本上，我想在CSS Flexbox的两列布局中将全高列（左）与后续行（右）结合起来。 ...

html css flexbox css-grid

回答 1 投票 -1

带有固定制表头和内容固定Div的角材料制表符

[尝试完成此操作：尽管我在固定选项卡标题行方面取得了一些成功，但是我无法使div的按钮也保持固定（我想是因为它是...的一部分） >

css angular angular-material css-grid

回答 1 投票 0

如何将VueJS组件用作CSS网格项目容器？

在我的父组件中，我有一个网格容器和一个子组件： [[[[[[

vuejs2 css-grid

回答 2 投票 1

为什么最后一行元素在我的CSS网格中移位？

我正在测试滚动对齐，并且发现了关于网格的某些信息。 * {保证金：0; } .grid {display：grid;网格模板列：repeat（10，calc（（100vw-2rem）/ 3-（（100vw-100％...

html css css-grid

回答 1 投票 1

为什么我的CSS网格布局div不在大视口上？

我正在尝试在父div内显示div，但希望子div位于中间而不是从父div的开头开始。下面给出了HTML / CSS以及屏幕截图，显示了如何...

html css css-grid

回答 4 投票 0

当其他列只有一个项目时，如何对一列中的项目数组使用网格布局？

我正在学习在CSS中使用网格，但是我不知道如何进行以下布局。我有这样的数据：const data = {name：“ someName”，array：[{name：“ someItem”，value：someInteger}，...

css reactjs css-grid

回答 1 投票 0

为什么网格项具有边距：在Chrome中调整视口大小时会自动闪烁？

我注意到使用margin auto（显示网格的子元素）的元素位置出现了一些闪烁。我已隔离问题，请参见下面的代码。我知道我可以使用...

html css google-chrome css-grid

回答 1 投票 4

我如何在图像中居中并将图像放置在CSS网格单元的顶部中心？

我想将图像上的文本对齐到我设法做的中心，但是我不确定如何将图像（其中居中的文本）居中到网格单元的顶部中心。这是...

css flexbox css-grid

回答 2 投票 1

我可以指定某个“网格模板区域”吗？

是否有可能解决某些网格模板区域，或者我是否必须创建子网格或子Flexbox才能实现进一步定位？例如，我想将项目放置在...

html css flexbox css-grid

回答 1 投票 1

使网格行为可选

我创建了一个网格模板，并希望使第一行为可选（区域：“ t”）。如果隐藏，则自动行应填充剩余的高度。我用minmax（）css函数尝试了它，但是没有...

css css-grid

回答 1 投票 1

CSS网格：无效的属性值[重复]

我正在尝试创建一个3列N行的CSS网格。前两行应该在最右边的列中具有边栏，但是当我这样做时，我从...

css css-grid

回答 1 投票 1

为什么我的CSS网格布局中的最后一行所占的高度小于其余几行？

我的网格布局存在以下问题：网格中的最后一行没有占据正确的高度，因此在它之前的所有前一行中都没有。这是样式...

html css layout css-grid

回答 1 投票 1

使用CSS网格为每隔一行着色

我想为我正在使用CSS Grid构建的表中的其他行着色。我无法使其正常工作，但我只能使其他所有列都变色。这是我想做什么的图片。会...

css html-table flexbox frontend css-grid

回答 2 投票 0

我如何获取元素内部的图像以调整其所包含的div的大小，而不将其设置为背景图像？

[基本上，我正在构想一个页面，该页面将在元素内部打开图像，该图像会拉伸屏幕的高度，并在该高度和元素的设置宽度内被屏蔽。但是我想...

html css flexbox css-grid

回答 1 投票 0

分别覆盖CSS网格模板列

我正在尝试创建两个按钮，每个按钮在使用CSS网格时都会切换到特定的列。我有一个简单的网格，可以切换第一列和最后一列的宽度。（请参见摘要）我希望能够...

html css css-grid

回答 1 投票 1

具有唯一行名的网格重复

我找不到解决方案。也许它不存在，但我正在尝试使用重复方法设置网格布局。此设置中不常见的一件事是唯一的行名。有没有机会...

css layout css-grid display

回答 1 投票 0

当网格/ Flexbox项不适合时，将流向从水平更改为垂直[重复]

您有一个网格或Flexbox，其中的项目数量是已知的，但是以后可能会被程序员更改。当空间足够时，项目会完全填满水平空间。如果项目不适合...

css flexbox css-grid

回答 1 投票 -1

如何使内容完全适合网格单元/ div？

所以我不知道为什么在确保内容适合其div时会遇到麻烦。这是我到目前为止的内容 ]

html css responsive-design css-grid devextreme

回答 2 投票 0

为什么我不能在速记CSS网格属性上使用@HostBinding？

[在速记CSS网格属性上使用@HostBinding时（例如，使用grid-row代替grid-row-start和grid-row-end），绑定不起作用：导出类MyComponent {@HostBinding（'style ... 。

angular css-grid angular2-hostbinding

回答 1 投票 0

我如何使按钮适合CSS网格容器的单元格？

我有这样的东西：某物某物

css css-grid

回答 1 投票 0

css-grid 相关问题

最新问题