Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
具有列顺序的响应式多列列表
我正在尝试创建一个有序的多列列表 但正在努力解决 CSS 网格布局规则 期望的结果应该是响应式的 在小屏幕上有 2 个网格列 在较大的屏幕上最多有 4 个网格列 同时保持列顺序 而不是像这样排序 1 2 3 4 5 6 7 8 9 10 1
css
cssgrid
为什么网格项目不居中?
由于某种原因 两个输入范围使网格中的前两项偏离中心 我假设这是因为它们的影子 DOM 样式 事实真的是这样吗 有谁知道为什么范围使项目 A 和 B 偏离中心 这是一个代码笔 https codepen io tOkyO1 pen QOeKL
html
css
grid
cssgrid
使用 CSS 网格布局使网格项内的元素高度相等
我在长度超过 4 的 div 中有一系列文章 没有任何舍入行标签 我需要将其表示为每行 3 篇文章 列 的表格 可能包含display grid 每篇文章都有页眉 章节和页脚 如何在每行文章内实现每个标题的等高 每个部分的等高以及与文章底部
css
grid
height
rows
cssgrid
即使在包裹后也具有等宽的弹性项目
是否可以制作一个像这样的纯 CSS 解决方案 物品有一些min width 它们应该动态增长以填充所有容器宽度 然后换行到新行 列表中的所有项目都应具有相同的宽度 现在看起来是这样的 这就是我希望它看起来像的样子 我已经手动管理这些底部项目
html
css
flexbox
cssgrid
grid-auto-columns 在 Firefox 中不能完全工作
我不明白为什么 DIV 3 的大小与 DIV 1 DIV 2 的大小不同 https codepen io anon pen vaVqPW https codepen io anon pen vaVqPW grid display grid
css
firefox
grid
cssgrid
更改 CSS 网格中的列顺序
我正在研究 CSS 网格 当我在桌面尺寸上查看它时 min width 769px 我有单行三列 像这样的事情 col 1 col 2 col 3 我可以使用 css grid 移动列 以便我可以在移动布局上执行类似以下操作吗 col 1
html
css
cssgrid
使网格项跨越到隐式网格中的最后一行/列
当我不知道行数时 是否可以使网格项跨度从第一行到最后一行 假设我有以下 HTML 内容 其中包含未知数量的框 我怎样才能做到第三个 box从第一条网格线到最后一条网格线 container display grid grid templat
html
css
cssgrid
如何使用css网格制作一个垄断板?
I want to create a monopoly board like There are following features in the board 角是方形的 比其他盒子大 每行的文本都面向特定的角度 我的基本 html 结构
html
css
cssgrid
CSS 网格最小内容不适合内容
我试图通过显式分配行 列和元素大小来将一些 div 放入网格中 并允许 CSS 网格使用以下 CSS 执行列和行大小调整工作 display grid grid auto columns min content 价值min content应
css
cssgrid
minmax 失败(属性值无效)
Chrome 给出了invalid property value并且不尊重CSS grid template columns repeat auto fill minmax auto 1fr 当auto被替换为min content and
css
cssgrid
网格属性不适用于网格容器内的元素
我正在尝试定位嵌套li ul li ul li 在最顶层创建的 CSS 网格上ul 还没有爱 它不起作用 也许这是不可能的 或者我错过了什么 orgChart ul orgChartLevel1 display grid grid temp
html
css
grid
cssgrid
如何偏移网格项目,同时移动其兄弟项目? [复制]
这个问题在这里已经有答案了 我正在使用 CSS 网格 我想偏移一个元素 以便它在网格列上水平移动 我还希望这个元素保留其当前宽度 并应用偏移值此外到元素的宽度 Example container display grid grid temp
html
css
cssgrid
是否可以使 CSS 网格中的每隔一行具有不同的列数?
我有一个容器 其中包含未知数量的子级 动态填充 我在父容器上使用此代码 container display grid grid template columns repeat 3 1fr grid row gap 10rem 是否有可能以某
css
cssgrid
减少 CSS 网格中的行间距
我想知道如何减少行间距 我尝试过将边距和填充设置为 0 但似乎没有什么效果 左侧为桌面视图 右侧为移动视图 content margin 0 padding 0 width 100 display grid grid gap 5px gri
html
css
responsive
cssgrid
如何使图像保留在 CSS 网格容器的行中?
下面的代码显示了当我调整窗口大小时的预期行为 Chrome 60 和 Firefox 55 中 但 iOS Safari 10 3 中除外 这很可能是它在 Safari 中行为不当的另一个问题 html body width 100 hei
html
image
css
cssgrid
在响应式网格上设置多个“相同高度”行部分的 CSS 唯一解决方案
Wanted 仅 CSS 的解决方案 可在每行基础上启用多个等高网格 部分 并且也是响应式的 注意 这是一个后续问题这个问题 https stackoverflow com questions 44115503 css only solut
html
css
flexbox
cssgrid
在 CSS Grid 中为网格间隙设置不同的长度
我正在使用 CSS 网格创建布局 并且希望每行之间有不同的空间 我可以通过在每个元素上使用边距来很好地创建布局 但这种方式掩盖了代码的简单性 有什么网格技巧可以实现这一点吗 grid row gap似乎只采用一个值 该值用于所有行 我想要实
css
cssgrid
是否可以根据内容设置比例网格列?
使用 Flexbox 或 CSS Grid 是否可以根据其中一列的内容来调整我的列的大小 这就是我想要的 我有 2 列 一个main and a side container main side
css
Layout
flexbox
cssgrid
网格列不起作用? [复制]
这个问题在这里已经有答案了 我有这个标记
css
cssgrid
有没有办法直接访问 CSS 网格中自动放置元素的实际网格坐标?
还有人问了类似的问题here https stackoverflow com questions 51327802 how to get the grid coordinates of an element using javascript
javascript
html
css
cssgrid
1
2
3
4
5
6
...8
»