Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
带有无序列表的 Flexbox
我正在尝试学习 Flexbox 我真的很喜欢它 我正在尝试 玩动态宽度 当我这样做时div它有效 如果我尝试这样做li 它也不起作用 我的代码已上线codepen http codepen io jrock2004 pen pjvZJd d
css
flexbox
如果子级包含很长的单词,Flexbox 父级将扩展宽度
我想知道是否有人可以帮助我解决这个问题 我似乎找不到其他人想要用 Flexbox 来做到这一点 我已经设置了一个基本的 Flexbox 场景 其中多个元素 li 出现在 Flexbox 容器 ul 中 我还对其进行了设置 以便在换行之前可容
html
css
flexbox
extending
为什么 Firefox 会忽略弹性项目的下边距?
它尊重margin bottom只有当有足够的空间时 否则 Firefox 会表现得好像没有margin bottom at all 全面镀铬 铬合金缩小 火狐浏览器缩小了 Flexbox 的行为是否正确 如何修复它 codepen htt
html
css
firefox
flexbox
CSS 列,从上到下然后从左到右
我正在为应用程序构建报纸风格的布局 我的页面分为 8 列 各列应先垂直填充 然后水平填充 如果没有足够的内容来填充页面 则列仍应首先垂直填充 在页面右侧留下空白 目前 它们首先水平填充 在内容下方留下空白 我已经尝试过使用 CSS 列 但它
html
css
Layout
flexbox
如何让弹性盒子将中心固定和底部固定的子项放在一起?
我正在尝试通过 Flexbox 获得以下类型的布局 CENTER FIXED ELEMENT BOTTOM FIXED ELEMENT 这是我粗略的 Flexbox CSS wrapper display flex justify cont
html
css
Layout
flexbox
如何在杂志/报纸等砖石布局中浮动元素?
我正在尝试实现一种布局 其中项目将像报纸 杂志文章部分一样浮动 它类似于什么jQuery 的砌体 http masonry desandro com 做 但我试图仅使用 CSS3 来实现这一点 我想也许box显示属性可以做到这一点 尽管尝试
Layout
css
cssfloat
jquerymasonry
flexbox
Flex 子项上的文本溢出省略号不起作用[重复]
这个问题在这里已经有答案了 我有一个容器flex 我希望中间的孩子占据整个空间 所以我设置了它flex 1 到目前为止 一切都很好 下一个级别是中间的孩子有 2 个孩子 所以我也想将其设置为 Flex 如果你迷失了我 只需跳到片段 第一个孩
css
flexbox
每行 5 个项目,自动调整 Flexbox 中项目的大小
我现在有这个 container background gray width 600px display flex flex flow row wrap position relative item background blue widt
html
css
flexbox
根据设备宽度使用 CSS 更改 div 顺序
我正在开发一个响应式网站 遇到了一个有趣的问题 我有一些并排的 div 可能有 2 到 6 个左右 当屏幕不够宽而无法正确显示所有内容时 div 会垂直堆叠 使用 CSS 就足够简单了 问题是 我需要它们根据布局采用不同的顺序 这很容易用
html
css
flexbox
在响应式网格上设置多个“相同高度”行部分的 CSS 唯一解决方案
Wanted 仅 CSS 的解决方案 可在每行基础上启用多个等高网格 部分 并且也是响应式的 注意 这是一个后续问题这个问题 https stackoverflow com questions 44115503 css only solut
html
css
flexbox
cssgrid
为什么弹性物品会包裹而不是收缩?
我想知道是否有人可以给我一个关于如何计算 Flexbox 布局的简单介绍 特别是优先级顺序 例如 div style display flex div style height 200px background color lightgre
html
css
flexbox
如何使弹性盒与需要截断文本的嵌套子项一起使用?
要让 flex child 截断带有省略号的文本 可以给父级一个 min with 0 在我的项目中 子组件嵌套在几乎 10 个不同的弹性容器中 我是否需要给所有父母一个 min width 0 或者有更好的解决方法吗 sandbox ht
html
css
flexbox
如何使 Flexbox 响应式?
我有一个包含两个元素的 div 我想水平堆叠它们 Div C 具有固定宽度 div B 将填充其余空间 然而 div B 的内容可能是固定宽度 动态 或 100 宽度 div B 我想要的效果是 如果屏幕宽度足够小 以至于在 div B 和
html
css
responsivedesign
flexbox
换行时,每行保持相同数量的 Flex 子项
我想知道如何在每一行 包括最后一行 上保留 大约 相同数量的元素flex wrap 或任何其他想法 包括flexbox 例如 我有一个包含 6 个元素的 Flexbox 当它中断时 我希望第一行有 3 个元素 第二行有 3 个元素 或者两个
html
css
flexbox
Flexbox,保持纵横比的方形 div 的响应式网格
我正在尝试用 div 创建一个 2x2 网格 某些 div 可能包含图像 但它可能会被设置为背景 并带有选项background size cover 这是我创建的笔 http codepen io qarlo pen vLEprq htt
css
flexbox
GridLayout
AspectRatio
为什么我的 justify-content 属性不起作用?
我试图通过将 justify content 属性应用到父 div 来在模板的侧边栏和内容区域之间添加一些空间 但它并没有在侧边栏和内容区域之间添加该空间 我不确定我做错了什么 wrapper display flex flex direc
css
flexbox
spacing
如何使图像弯曲到其宽度?
如何防止图像被拉伸超过其自然 200 像素宽度 footer display flex img flex 1 margin 1em
css
flexbox
Flexbox 布局,左侧有两个项目,右侧有一个项目
我正在尝试使用 Flexbox 实现以下布局 A C B 是否可以在不将 A 和 B 包装到包装器中的情况下这样做 是的 这是可能的 请考虑到在此示例中主容器具有固定的宽度和高度 container height 200px width 3
html
css
flexbox
Flexbox 中的第一个子级全角
如何将 Flexbox 的第一个子项设置为全角 并将所有其他子项设置为flex 1 用于分割空间 像这样 您可以设置 first child宽度为100 以及其余的孩子 not first child to flex 1 要将它们放在多行上
css
flexbox
缩放变换导致与 Flex 布局的渲染间隙
我使用 Flex 布局来渲染具有 3 个大小均匀的列的容器 div 它的工作原理正如我所期望的那样 直到我应用比例变换 当容器缩小时 内容框之间会出现细小的间隙 该问题发生在 MacOS Chrome 和 Safari 上 但不会发生在 F
css
Googlechrome
flexbox
csstransforms
1
2
3
4
5
6
...24
»