Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
-webkit-flex 在 Android 上无法正常显示
认识到自己的奇妙能力后display flex 我制作了一个网页 在 Windows 上的 Chrome 26 中查看时 该网页看起来完全符合我的要求 但是 它在我的 Android 上的 Chrome 26 中不起作用 在我的模拟器中的
html
css
webkit
flexbox
如何将列高设置为等于布尔玛(flexbox)中最长的列?
我正在使用 Bulma 0 4 0 尽管答案可能与 Bulma 本身无关 如何将列高设置为与其他列相同 见下面的截图 编辑 codepen 包含更多显示实际行为的文本 https codepen io anon pen vmKVbx htt
css
flexbox
bulma
当 Flexbox 处于活动状态时,哪些 CSS 规则会被忽略?
如何配置 Flexbox 以获得良好的后备 假设我有这个 parent display flex flex flow row wrap width 320px border 1px solid black children text ali
css
flexbox
使两个元素等高,其中一个元素带有垂直滚动条
我试图使两个同级 div 元素具有相同的高度 其中有一个溢出 y 和一个具有可变高度内容的滚动条 主 div 的内容高度也可变 具体取决于动态内容和浏览器宽度 主要内容 div 应显示其所有内容 左侧滚动面板的高度应与主要内容的高度相同 无
html
css
flexbox
这种基于 Flexbox 的布局是否需要额外的标记?
我现在开始使用 Flexbox 尝试了解如何从使用传统 CSS 网格过渡 我有两种布局 一种是用 CSS 网格制作的 另一种是使用 Flexbox 制作的 这两个示例的基本布局都非常基本 页眉 导航 内容部分和页脚 从设计角度来看 它们看起
css
flexbox
Z-index 不适用于 Flex 元素? [复制]
这个问题在这里已经有答案了 我试图有两列 一列是可以展开并重叠另一列的菜单 但我使用了一个 Flex 元素来包裹这些列 并且我的菜单展开了behind另一个元素 即使具有更大的z index 渲染效果是这样的 main font famil
css
flexbox
zindex
overlap
将一个 div 置于另一个 div 之上
我向我的网络应用程序添加了一个登陆页面 因此当它从服务器加载数据时 登陆页面会显示加载图像和描述 div class map view div class loading screen img src img loading boys gi
html
css
flexbox
如何使用 vh div 缩放图像高度
I m trying to get this image to scale to the browser by height so it never causes scrolling it will be a light box with
html
css
image
flexbox
将包裹的物品居中放置在弹性盒之间的空间中
对于导航部分 我希望它使用space between理由 对于导航可能需要换行的较小显示器 我希望这些项目能够自行居中 而不是单独排成一行时粘在左侧 nav display flex width 100 flex flow row wrap
css
Mobile
Dynamic
flexbox
是否可以根据内容设置比例网格列?
使用 Flexbox 或 CSS Grid 是否可以根据其中一列的内容来调整我的列的大小 这就是我想要的 我有 2 列 一个main and a side container main side
css
Layout
flexbox
cssgrid
Flexbox:带有粘性页脚的可滚动内容
我想制作一个盒子 在本例中为弹性项目 它始终位于容器的中间 在该框中 有页眉 页脚和内容部分 如果内容的高度变得太大 我希望内容部分可以滚动 页眉和页脚应始终可见 并且框应始终保留在其容器中 这是我能够写的内容 HTML div class
html
css
flexbox
如何让React Flexbox拉伸到全屏高度
我正在尝试创建一个针对移动设备进行优化的 React 应用程序 并且使用 Flexbox 完成大部分布局 我无法强制应用程序的主容器自动扩展到整个设备高度 我可以应用哪些规则 特别是我的 html 容器 div div 和我的主应用程序容器
ReactJS
flexbox
垂直居中,右对齐,多行文本在绝对定位的 div 中,具有 Flexbox 父级
我有一些绝对定位的 div 有两行文本 一个 h2 和一个 p 我试图让文本 在绝对定位的 div 内垂直居中 右对齐 并且 h2 和 p 标签之间有一个换行符 绝对定位的 div 包含在父级中 所以我想我可以使用 flexbox 来解决这
css
flexbox
verticalalignment
rightalign
Flex Box 超出边界? [复制]
这个问题在这里已经有答案了 Hello I have been trying to make a flex box in CSS like the image below but I have a problem that s look l
html
css
flexbox
相邻弹性盒容器中的内容垂直对齐
我有多个项目说卡片 这些卡片需要水平堆叠 并且高度需要相同 这正在发生在我身上 每张卡片都有图像 文本和按钮 每张卡片的图像和文本应采用任何卡片的最大高度 以便它们正确对齐 这不会发生在我身上 如果图像和文本正确对齐 则按钮将始终在底部的每
html
css
flexbox
Flexbox:将元素居中于屏幕中间
如果我要将一个元素置于屏幕中间flexbox 以下方法是最优雅的吗 HTML div class btn div CSS body overflow hidden position absolute width 100 height 100
html
css
flexbox
CSS3 FlexBox 过渡
在这个 codepen 示例中 http codepen io DrYSG pen ovctn http codepen io DrYSG pen ovctn我创建了三个弹性盒 我想要的效果是 当鼠标悬停在中间框上时 它的尺寸会增大 演示中
Googlechrome
css
csstransitions
flexbox
在 contenteditable 中使用 Flexbox 居中时的插入符位置
在 OSX Chrome 45 上测试 align items center 适用于内容 但如果您单击下面的空可编辑区域 则插入符号位置不会居中 直到您开始键入 是通过顶部 底部平衡填充来解决此问题的唯一方法 还是有一种方法可以使其在不发生
css
verticalalignment
flexbox
contenteditable
Safari 上的 Flex-wrap 问题
我试图让两个元素填充其容器并在达到某个最小尺寸时进行包装 我的代码在除 safari 之外的所有浏览器上都能完美运行 而且我无法找到替代方案 这似乎是 flex basis 0 的问题 问题是这样的 http www cssdesk com
crossbrowser
flexbox
flex-item 内的图像在 chrome 和 firefox 中忽略 max-height:100% - (在 safari 中有效)
我想要一个图像填充窗口大小 视口的宽度或高度 为了更好的理解我正在尝试做的事情 我在 codepen 上创建了一个示例 http codepen io durchgemacht pen WvQvZJ 请查看并调整预览大小 它在 safari
css
flexbox
«
1
2
3
4
5
6
...25
»