Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
如何偏移网格项目,同时移动其兄弟项目? [复制]
这个问题在这里已经有答案了 我正在使用 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
如何在柔性容器中设置间隙(排水沟)?
我正在尝试创建某种柔性容器的通用组件 该组件由容器及其连续的子组件组成 如果一行中的孩子太多 没有足够空间的孩子会去第二行 它可以使用 Flexbox 轻松实现 但我也希望能够在元素之间设置装订线 一行的第一个和最后一个元素不应分别具有左边
html
css
flexbox
cssgrid
当网格项与末端/底部对齐时,滚动不起作用
我想使用创建聊天CSS grid并遇到了我无法合并的问题align self end and overflow y auto The ul包含所有消息并且应该与底部对齐 这样即使只有一条消息 它也会出现在底部 聊天的页眉和页脚是固定的 您只
css
Overflow
cssgrid
为什么 CSS Grid 的自动填充属性在列方向上不起作用
我正在练习用行自动填充属性 但是 它并没有按照我的意愿进行 我想创建具有高度的行minmax 140px 200px 而是获取一行高度为 200px 的行 其余行为 18px 为什么会发生这种情况 body html height 100
html
css
verticalalignment
cssgrid
如何使 div 跨越网格中的多行和多列?
建立在上一个问题 https stackoverflow com questions 42946454 alternative to css grid layout but not tables 我正在尝试向我的网格布局添加更大的块 在最后
css
flexbox
GridLayout
cssgrid
Gmail 电子邮件中的 Flex/Grid 属性被删除
我有一个 PHP 脚本 可以通过邮件发送以下 HTML div style width 70 background color 060b2b margin auto display flex h1 style margin top 50px
php
css
flexbox
Gmail
cssgrid
CSS 网格布局使用 javascript 改变列宽
我尝试设置 CSS 网格布局如下 wrapper width 800px display grid grid template columns repeat 3 200px grid template rows repeat 5 200px
javascript
css
GridLayout
cssgrid
我可以使用 css-grid 按从左到右的阅读顺序显示两行未知数量的项目吗?
我想按从左到右的顺序显示多个 div 为它们提供相同的空间并将它们分布在两行中 e g 第 1 部分 第 2 部分 第 3 部分 第 4 部分 第 5 部分 第 6 部分 or 第 1 部分 第 2 部分 第 3 部分 第四部分 第 5 部
html
css
cssgrid
Chrome 和 Firefox 中的 CSS 网格行为不同[重复]
这个问题在这里已经有答案了 我有一个 2 列 3 行的 CSS 网格 由于有角度的 ngif 子句 第三行内容并不总是存在 图像出现在跨越 3 行的第一列中 话虽如此 我在 Chrome 80 0 3987 87 这是我发布的最新稳定版本
css
Googlechrome
firefox
cssgrid
chromium
如何让CSS网格项占用剩余空间?
我有一张用 CSS 网格布局构建的卡片 左侧可能有一个图像 右上角有一些文本 右下角可能有一个按钮或链接 在下面的代码中 如何使绿色区域占用尽可能多的空间 同时使蓝色区域占用尽可能少的空间 绿色应将蓝色区域尽可能向下推 https jsfi
html
css
grid
cssgrid
CSS 网格行高 Safari 错误
我制作了一个网格模板 其中包含 1fr 1fr 1fr 行 中间行有一个内联图像列表 在 Chrome 和 Firefox 中 图像尊重网格行的高度并适当调整 但是 在 Safari 10 1 2 和 Safari TP 31 中 似乎存在
html
css
safari
cssgrid
有什么是我可以用隐式网格做但不能用显式网格做的吗?
我们有隐式网格grid auto rows and grid auto columns 然而我们也可以使用grid template rows grid template columns结合repeat and auto fit创建显式隐式
css
cssgrid
1
2
3
4
5
6
...8
»