Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
如何使 div 跨越网格中的多行和多列?
建立在上一个问题 https stackoverflow com questions 42946454 alternative to css grid layout but not tables 我正在尝试向我的网格布局添加更大的块 在最后
css
flexbox
GridLayout
cssgrid
弹性框文本项溢出
谁能解释一下为什么包含文本的列的宽度没有正确计算以完全包含每列中的文本 在 Firefox 和 Chrome 上 第一列和第三列中的文本不适合这些框 但令人惊讶的是 这些框在 IE 11 中的大小正确 这是浏览器错误吗 box displa
css
flexbox
为什么这个 Flexbox 布局在 Safari 中会被破坏?
所以我在 CSS 中设计了这个 想法是有一个标题 其余部分作为可滚动内容 有一个链接到现场演示在底部 Alas in Safari it is broken and looks like this 可以看到 表头的高度计算错误 导致绿框溢出
css
safari
flexbox
在 Flexbox 中从纵向布局切换到横向布局
我想实现以下Layout https i stack imgur com tOpuX png与弹性盒 您可以在图片中看到两个方向 左侧为纵向视图 右侧为横向视图 前提是我想让我的html尽可能短 如果可能的话 有没有办法用 Flex 来做到
html
css
flexbox
使 Flexbox 上下颠倒换行
今天 我正在查看我构建的 选项卡 HTML gizmo 我注意到由于我使用 inline block 来布局选项卡标题 当它们包装时 我会得到如下所示的输出 Apple Banana Cherry Date Elderberry Fig G
css
flexbox
React Native:文本节点的“自动”宽度
我在视图中有一个文本元素
css
ReactNative
flexbox
嵌套 Flexbox 在 IE10 和 11 上添加空白空间
我正在使用 Flexbox 进行布局 我的限制是图像必须位于中间 我做了一个最小的标记来重现该问题 http codepen io anon pen xwNomN http codepen io anon pen xwNomN 它在除 IE
css
internetexplorer11
flexbox
internetexplorer10
具有拉伸对齐功能的 Flexbox 容器中垂直居中的 div
我需要将一个 div 放在 Flex 容器中 并保持该 div 的整个容器的高度 显然 我有align items stretch用于保持高度或align items center用于定心块 Flexbox 模型将 div 居中并保持父容器
css
flexbox
使用 Flexbox 垂直居中项目
我正在尝试使用 CSS 的 flexbox 垂直居中项目 而且 我知道如何使用非供应商前缀的代码来做到这一点 但即使使用供应商前缀 我也无法让它在 Webkit Chrome 中工作 我正在尝试垂直对齐 trigger 中的跨度 这是我的C
css
flexbox
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
下拉菜单推开下面的 div
当鼠标悬停在菜单上时 子菜单会 拒绝 下一个 div 如何将 div 固定在下面的位置 这是我的代码 box sizing border box body font family Helvetica Neue Helvetica Arial
html
css
Navigation
flexbox
Angular 4 - 如何使垫卡填充整个父组件区域
我有一个mat grid tile 父级 包含一个组件app window 子 其中包含mat card在其根源 The app window填充mat grid tile根据需要并且垂直和水平居中对齐 现在我想要app window s
css
flexbox
angularmaterial
CSS Flexbox - 根据屏幕尺寸组织弹性项目
我有一个弹性项目容器 我试图根据屏幕尺寸以不同的布局组织不同数量的弹性项目 例如 在桌面上 我想要有 4 个容器 每个容器有 2 个项目 布局在 2x4 网格中 每个单元格为 1x2 我似乎无法理解的是纯粹使用 Flexbox 在平板电脑上
html
css
responsivedesign
flexbox
Flexbox 难以将图标与容器底部对齐
我在使用 Flexbox 时遇到了一些困难 如你所见 我有一个aside包含社交媒体图标的有序列表的元素 由于某种原因 我无法将这些图标粘在包含的内容的底部div HTML代码 div class outercontainer group
html
css
flexbox
jqueryflexbox
Safari (iPad) 中的弹性项目重叠
我无法通过简单的任务解决问题 容器宽度为 100 但有 padding right 和 box sizing 溢出 容器是弹性行 容器有两个具有动态内容的子容器 第一个孩子有内容的大小 第二个孩子占据剩余的宽度 预期结果 iPad 结果 例
ios
css
safari
flexbox
当侧面项目具有不同宽度时,保持中间项目居中
想象一下以下布局 其中点代表框之间的空间 Left box Center box Right box 当我删除右侧的框时 我喜欢中心框仍然位于中心 如下所示 Left box Center box 如果我删除左侧的框 情况也是如此 Cent
html
css
flexbox
centering
align-self:flex-end 在 Flexbox 中不起作用
我正在使用 milligram css 一个微型 CSS 框架 https milligram github io grids 我想将列内的 DIV 与底部对齐 但没有任何反应 DIV 始终顶部对齐 https jsfiddle net f
html
css
flexbox
具有两列的 Flex 容器;第二列有四行
我在 Flex 中显示以下布局时遇到困难 我有 5 个盒子 我想将容器一分为二 其中一个盒子垂直显示 另外 4 个垂直显示 这是我的 CSS trades trade panel flex 1 layout 4 5 flex directi
html
css
flexbox
如何防止弹性框随内容增长
在下面的代码和 jsfiddle 中 flexbox 比例随内容而变化 我感觉我不明白 flexbox 的真正目的 如果我们给予flex grow我们想要的比例的属性 为什么盒子会随着内容而增长 通知何时dataDiv其中有新的跨度内容 比
html
css
flexbox
flex-direction 列属性不起作用
我有一个ul标记为display flex 我需要按列排序flex direction column 但它不起作用 容器的 CSS nav li four columns ul sub menu width 600px display fl
html
css
flexbox
«
1
2
3
4
5
6
7
8
...25
»