Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
如何在柔性容器中设置间隙(排水沟)?
我正在尝试创建某种柔性容器的通用组件 该组件由容器及其连续的子组件组成 如果一行中的孩子太多 没有足够空间的孩子会去第二行 它可以使用 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
CSS 网格并指定多个区域
我需要一些元素重叠 我还想通过区域名称而不是行 列来指定内容 因为这样可以更好地阅读 我一生都无法理解如何按照 MDN 示例指定多个网格区域 或者 如果它甚至可能 文章建议它根据语法示例是可能的 但它实际上是如何工作的 没有任何线索 问题示
css
cssgrid
消除网格间隙
我有一个 div 其元素对齐为一行 这是它的 css 类 myRow display grid grid template columns 0 1fr 0 1fr 2fr 3fr 2fr grid column gap 10px grid
html
css
cssgrid
CSS 网格 - 可重复的网格模板区域
假设我们有一个包含 7 项的新闻条目列表 我使用 CSS 网格创建了一个模式 该模式应该在 6 个项目后重复出现 supports display grid list display grid grid gap 25px grid temp
css
cssgrid
弹性盒/网格布局中的最后一个边距/填充折叠
我有一个项目列表 我正在尝试使用 Flexbox 将其排列成可滚动的水平布局 容器中的每个项目都有左右边距 但最后一个项目的右边距正在折叠 有没有办法阻止这种情况发生 或者有一个好的解决方法 ul list style type none
html
css
flexbox
cssgrid
如何防止网格行跨度改变列位置?
我有一个 3 X 3CSS Grid https developer mozilla org en US docs Web CSS CSS Grid Layout 我有一排 其中有三项A B C 我想要物品C有一个rowspan of 2
html
css
cssgrid
如何让背景图像跨越网格布局
我有一个网格布局 假设第一行有 2 行 2 列 第二行有 3 列 它们之间的网格间隙为 10px 给每个网格一个背景图像是没有问题的 但是 如果我希望它们都具有相同的背景图像 该背景图像从左上角网格开始并继续 跨越直到右下角网格 所有网格上
html
css
cssgrid
使用 CSS Grid 时如何使内容居中并使背景覆盖整列?
当我添加这段代码时 place items center 我的元素居中 但只有文本应用了背景颜色 当我删除此代码时 place items center 背景颜色覆盖整个列 但文本不再居中 main display grid grid te
css
cssgrid
CSS 网格内垂直对齐
我想要一个巨大的进度条 它在 CSS 网格内垂直对齐 问题是 CSS 网格内的垂直对齐对我不起作用 我尝试过 Firefox 也尝试过 Chrome I tried vertical align middle 但它不起作用 我已经在网格项中
css
verticalalignment
cssgrid
CSS 中是否可以使用表示行的元素来构建网格?
我正在尝试使用 HTML CSS 为现代浏览器复制此设计 它本质上是一个包含行和列的表格 这意味着如果一行的名称单元格变大 那么所有行的名称单元格都应该变大 我看到两种可能性 表格和 CSS 网格 据我所知 表格中的行的样式不够 例如它们不
css
htmltable
cssgrid
«
1
2
3
4
5
6
...8
»