css-grid 相关问题

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

居中网格模板区域

我正在创建一个简单的网站。我有这个:我有两行网格区域。第一行:grid-template-areas:'iz td'第二行:/ * second * / grid-template-areas:...

回答 1 投票 0

minmax CSS网格中导致溢出的百分比

我正在尝试构建一个具有响应能力的CSS网格,该网格具有三列,必要时可以进行包装。我希望最小列宽为200px,否则请使用30%的百分比。我相信我可以使用minmax ...

回答 1 投票 0

CSS-GRID:将可点击的div添加到布局中

我有这些卡是使用grid-css https://codesandbox.io/s/festive-water-vhkfw?file=/index.html构建的。问题是我需要使屏幕快照中突出显示的卡片部分可点击,...

回答 1 投票 0

如何将项目对齐到多列跨度的最右边缘(css网格)

我正在使用20列跨度的CSS网格布局。对于我的所有网格项,我已指定它跨越5列,例如:.parent-grid {display:grid; grid-template-columns:...

回答 1 投票 0

我如何动态调整CSS网格单元格表中的行大小? [关闭]

我想使用CSS-Grid创建一个具有几行和几行的网格,在该网格内将是单元格,也将是CSS-Grids,在这些网格内,我想将HTML表格和表格放进去...

回答 1 投票 0

我如何动态调整CSS网格单元格表中的行大小? [关闭]

我想使用CSS-Grid创建一个具有几行和几行的网格,在该网格内将是单元格,也将是CSS-Grids,在这些网格内,我想将HTML表格和表格放进去...

回答 1 投票 0

使用tocbot时如何在CSS网格中修复标题和侧边栏

我正在使用CSS网格。我需要修复标题区域和两个侧栏(左右),以便仅内容窗格滚动。我正在使用tocbot在右...

回答 1 投票 0

grid-gap,当没有同级时,列间隙不起作用

css网格间隙似乎仅在右侧或下方有兄弟姐妹时才起作用。参见以下示例.wrapper {display:grid; grid-gap:20px 20px; border:2px稳定的黄色} ...

回答 1 投票 -2

[使用网格模板区域时CSS网格无效属性值

这可能很明显,但是我坚持了一段时间,并搜索stackoverflow无济于事。我到处都有网格面积值,但在谷歌浏览器中却得到“无效的属性值” ...

回答 1 投票 0

使元素相互接触,没有垂直间隙

我在网格中有一些元素。但是,我希望字母和数字相互接触。他们之间没有差距。像这样:当前代码看起来像这样:...

回答 1 投票 -1


向子孙传播CSS网格大小以可视化v卡图像

我正在尝试在CSS网格中排列带有图像的vuetify卡,但由于v卡的孙代,因此v卡的v-img看不到网格大小。如何将网格尺寸向下传播到v-img?我想要...

回答 1 投票 0

CSS-粘性网格标题

我正在尝试从网格中的一组单元格创建粘性标头。这是代码:.grid {display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:50px;高度:...

回答 1 投票 0

带网格显示的日历-在网格单元底部垂直对齐注释/任务,另一种在上面]]

我目前正在执行日历。我已使用网格布局显示日历日单元格。我想将一些不同类型的任务/笔记显示为某些网格单元中的条。任务...

回答 1 投票 0

CSS网格从右到左放置项目

我正在使用具有成员列表的Web应用程序。成员数量将动态来自服务器。我想在四列的网格中显示每个成员的信息。是否可以...

回答 1 投票 0

为什么此网格布局不起作用?具体来说:为什么子类为什么排成行而不是列?

我正在尝试创建网格布局,以使有5个等距的列和6行,其中3行包含一个标题,该标题的下方是该行的名称,该标题是一个充满项目的部分(请考虑.. 。

回答 1 投票 0

css网格列的反向显示顺序

我有一个网格,其中的链接列表显示在单行中,例如工具栏a | |。 b | c | d | e | f | g和flexbox一样可以颠倒这个顺序。 f | e | d | c | b |基于...

回答 2 投票 0

如何固定div大小?

我的项目中存在一个问题,其中div的大小会有所不同,这是不应该发生的。我已经举了一个显示它的例子。 html,body,.grid-container {高度:100%;边距:0; } .grid -...

回答 1 投票 0

如何防止网格溢出?

我对CSS网格很陌生。我看到了一些类似的问题,但我不加言语。我无法很好地围绕这个概念。如何防止组件从网格溢出? ...

回答 1 投票 0

如何防止网格溢出?

我对css网格非常陌生。我看到了一些类似的问题,但我还是很安静。我无法很好地围绕这个概念。我如何防止组件从网格溢出?这个...

回答 1 投票 0

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