CSS Grid Layout是一种允许创建网格的W3C技术。它不需要使用浮动,表格,绝对定位甚至flexbox(另一种CSS3技术)来构建各种网格,从简单到复杂。一般情况下,请勿将此标记用于CSS网格系统。
我有一个简单的网格布局来显示单列元素,如下所示: 身体 { 显示:网格; 调整内容:居中; 网格自动流:行; } 正文 > * { 宽度:75vw; 最大-
我在网格方面遇到了麻烦。我设置了边界,除了我想要在屏幕右侧的旁边之外,所有内容都正确地进入网格。附带说明一下,这是使用 SASS。我也...
我在网格方面遇到了麻烦。我设置了边界,除了我想要在屏幕右侧的旁边之外,所有内容都正确地进入网格。附带说明一下,这是使用 SASS。我也...
我目前已经使用网格区域使用网格布局了我的网站。这是我目前为正文指定的样式: 显示:网格; 网格模板区域: “标题标题标题...
我有一份商品清单。我需要在二维列表中显示它们。每个商品都有子元素:照片、标题、描述、价格和购买按钮,它们的大小和位置必须在这个位置...
我需要一个布局,其中第一列在所有行中具有共同的最大内容宽度,但行是不同的元素,因为我需要将事件处理程序附加到它们。到目前为止我可以实现非此即彼。 ...
CSS 如何为网格中的列分配空间,其中每列宽度由具有固定值的 minmax() 函数定义?
我希望问题标题有意义。如果没有,下面是一个具体场景: 假设我们有一个像这样的元素: 主要的 { 宽度:500px; 显示:网格; 网格模板列:minmax(200px, 300px)
最终结果 现在的进展 我正在尝试使用 4x5 网格,但我希望按钮 3 和 4 适合一列,但无法弄清楚如何实现。我尝试过针对这些单独的项目,但
我有一些东西肯定可以是 HTML 表格,但是,我想知道将其创建为 CSS 网格是否会更好。 第 1、2、3、4 行可能存在也可能不存在,具体取决于所输入的数据...
这是实时代码http://kijpi.ddns.net/fementor3/ 这是我在已损坏的 CSS 文件末尾的媒体查询 `@media(最大宽度:600px){ .主网格{ 网格模板列...
我的目标是创建一个包含未知数量项目的响应式网格,并将其纵横比保持在 16:9。 现在看起来像这样: 。网格 { 显示:网格; 网格模板列...
我不明白为什么这些方块的高度会一个接一个地移动。我怎样才能解决这个问题? 我想确保这些方块不会一个接一个地移动。 .container-grid { 显示:网格; 网格-te...
在 display: grid 容器中,我有 2 个子 div。 我希望 div 的大小如下: 第一个分区:300 像素 第二个 div:取剩余宽度 对于 Div 2,如果表格没有,我想要一个水平滚动条...
这是一个使用 CSS 网格布局创建的表格,但我有一个问题,我无法在每一行上设置悬停状态。 我只想为此使用CSS。 谁能给我解决这个问题吗? .ta...
我正在使用 html 和 css 为一家小型企业构建一个网站,稍后我将其转换为 WordPress。我遇到的问题是服务卡上没有应用间隙。我的猜测是
我有一个网格,代表一个带有标题和正文(绿色)的表格(红色): 我的问题是,当我给正文一个高度并剪掉其溢出的内容时,表格不会缩小: 如何...
我正在 CSS 网格中显示具有最大列数的项目列表。项目内容的大小各不相同,如果它不适合一列,我希望项目跨越多个项目,直到...
我希望能够渲染不同高度的小部件(盒子,从这里开始),但对于特定的位置,它们会根据页面数据而变化(应该渲染哪些盒子,以及哪个顺序+ ...
我有一排有 6 列,当屏幕上的列不能彼此相邻时,其中 2 列会放在下面,但看起来有点乱。 我可以通过媒体查询来解决这个问题,但我想知道是否有