css-grid 相关问题

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

在现有网格元素上方的CSS网格填充动画并占据整个视口

注：我最好在寻找香草JS，因为jQuery不是我可以在该项目中使用的东西，所以我有一个比较复杂的网格结构：body {margin：0;高度：100vh； text-align：...

javascript html css css-grid anime.js

回答 1 投票 6

CSS网格模板区域没有自动列范围

[我是刚开始使用CSS网格的人，并看到了一些有关它的视频，在所有视频中，我都看到了属性grid-template-area似乎很酷，因为您只需定义相同的名称来跨越。的列或行。。

css css-grid

回答 1 投票 0

基于设备的不同列数

我正在尝试根据设备创建不同数量的列。例如：在移动设备上，我需要2-col布局，而在桌面上，则需要4-col布局等...我试图弄乱minmax（），但是...

html css css-grid

回答 2 投票 1

[使用网格区域的CSS网格动画

我正在使用CSS网格构建拼图。我已将难题简化为一个红色的方块和一个空白的方块。我想做的是，如果您单击红色方块，则红色方块将滑到...

css animation css-grid

回答 1 投票 1

Nivo响应线图仅响应变宽而不响应变窄

我正在尝试使用nivo制作响应式折线图。我已经用这个MWE重新创建了尝试：从“ react”导入React，{useState，useEffect}；从“ @ nivo / line”导入{ResponsiveLine}； ...

javascript css reactjs css-grid

回答 1 投票 0

在CSS网格间隙之间是否有一种优雅的方式来填充文本？

我有以下html： ... ... ... 是否有优雅的...

css css-grid

回答 1 投票 0

防止内容垂直扩展网格项

我不希望我的网格项目的内容能够扩展它。我可以通过设置网格的最小宽度：0来水平防止这种情况。尝试与最小高度：0相同，但是似乎不......>

html css css-grid

回答 1 投票 0

简单横幅广告-是否有更好的桌面和移动版面布局方式？（Flexbox / CSS Grid）

我正在尝试创建一个简单的html横幅广告，并使其响应于台式机和移动设备。我当前的版本适用于台式机，但我可以肯定，使用很多绝对位置不是...

html css flexbox css-grid

回答 1 投票 0

CSS网格：在特定x位置开始的列

我正在尝试实现具有三列的CSS网格布局：列A和B总是等于某个宽度，以使列C从相同的位置开始，除非A和/或B中的内容变得太大...] >

css css-grid

回答 1 投票 2

Flexbox布局，卡在标题部分

[如果您对flexbox大师感到好奇，那有一点时间可以帮助您进行此布局设置（如果有必要，也可以使用Grid，但我认为使用flexbox应该可以实现）。所有这些...

html css flexbox css-grid

回答 1 投票 1

CSS |如果太宽，则网格模板行流

css css-grid

回答 2 投票 0

如何使div元素中的CSS中的图像看起来不错？

我曾尝试在div中添加img元素，但是图像看起来压缩且丑陋，如何使它看起来不错？我是CSS的初学者，因此请帮助我解决此问题，并向我展示一个...

html css flexbox css-grid

回答 1 投票 -2

如何突出显示CSS网格单元格？

考虑一个CSS网格，其中行可以具有不同的高度：.grid {display：grid; grid-template-columns：repeat（8，1fr）; grid-column-gap：16px; grid-gap-gap：8px; } .first {grid -...

html css css-grid

回答 1 投票 0

是否有任何方法可以更改仅使用CSS在移动设备上的行跨行为？

我在台式机浏览器上的表格如下：在移动设备上，我希望它看起来像这样：这种布局对于购物车页面（例如，产品在哪里...）非常有用。

html css flexbox css-grid

回答 1 投票 -1

如果项目内的内容可以将其扩展到超出其分配范围，则CSS网格中fr单位的意义是什么？

这里有项目2的div会将行高扩展到大于1fr：

html css css-grid

回答 1 投票 0

在CSS网格布局中使用Angular * ngFor吗？

我试图在CSS网格布局中使用ngFor。它没有显示错误，但网格未正确生成。 ... [

css angular typescript css-grid ngfor

回答 1 投票 1

使用CSS网格和flexbox可以在没有媒体查询的情况下实现响应式页面布局吗？

我正在尝试实现此布局（https://codepen.io/totkeks/pen/PowodPq），并具有顶部，主要部分和侧面部分。顶部

css flexbox media-queries css-grid

回答 1 投票 0

空的重叠CSS网格单元阻止了Firefox和Edge中的点击

在我们应用程序的一页中，我们有一个网格，其中两个单元格一个堆叠在另一个顶部。在Chrome上，可以单击下面显示的网格中的中间文本框，但是在Firefox和Edge（17）中，它不能是...

html css google-chrome firefox css-grid

回答 2 投票 0

在已定义网格内更改div位置可保持原始布局

问题是我有一个定义为侧边栏区域和主区域的网格。但是，当我用“ main” div更改“侧边栏”的顺序时，结构保持不变。就像html的结构一样...

html css flexbox css-grid

回答 1 投票 0

CSS网格不考虑minmax中的最小值以及自动拟合

[嗨，我正在尝试创建具有此行为的响应列。列的宽度可以在335px或540px之间。但是，当我使用grid-template-columns时：repeat（auto-fit，minmax（335px，540px））...

css css-grid

回答 1 投票 1

css-grid 相关问题

最新问题