Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
带弹性盒的计算器键盘布局
我正在用 Flexbox 构建一个计算器 我想要其中一个键的高度是两倍 另一个键的宽度是两倍 我用谷歌搜索了很多 但找不到这两个案例 对于两倍高度的键 我发现的唯一答案是flex direction as column 但在这种情况下 我将
html
css
flexbox
CSS 动画或过渡可以用于 flex-direction 属性吗?
如果有序列表使用flex direction column在小屏幕上和flex direction row在较大的屏幕上 CSS3 动画或过渡是否可以实现动画效果flex direction媒体查询之间的属性 初始页面设置 html box
css
flexbox
csstransitions
cssanimations
使用 Flexbox 的全宽和多列
我正在尝试创建一个flexbox同一容器上有全角行和多列 我试过了flex break after 但不确定我错过了什么 我试图避免有多个类 例如 fullwidth and multiple columns 这就是我想要实现的目标 ite
css
flexbox
水平居中时,li 被切断
我正在尝试布局li s using flexbox 我将它们设置为列 其中 3li s在每一列中 问题是当我想要ul居中 我以ul using align content center 当我这样做并且拥有更多li s超出页面可以显示的范围
html
css
flexbox
选择元素的增长方式与显示 Flex 中的输入元素的增长方式不同
我出现了意想不到的行为在我的设置中 输入按预期水平增长 但在具有选择控件的行上 增长似乎被扭曲 我怀疑某些风格有所不同 但仔细检查后却一无所获 谷歌搜索没有给出任何信息 我找不到任何关于隐式边距或选择填充的信息 这是关于什么的以及我该如何杀
html
css
flexbox
Flex 项目在 Chrome 和 IE11 中重叠
我正在尝试创建一个固定高度的 Flexbox 布局 当内部内容太大时 它会滚动内部内容 另外 如果内容不会导致滚动 我想修复一个带有按钮的 div 到容器底部 我有一个在 Firefox 中完美运行的布局 但在 Chrome 中 当底部按钮
html
css
flexbox
Flexbox - 以 2 件为一组包装物品
有一个简短的问题要问熟悉 Flexbox 的人 我有一排 4 个弹性项目 我希望在第一个断点处做到这一点 max width 1024px 它们包装成 2 列 每列 2 列 我想我也许可以使用 Flex 容器内每个项目的宽度的 值来实现这一
css
flexbox
flex 属性在 IE 中不起作用
我一直无法确定为什么 Flexbox 在 IE 11 中不起作用 为了进行测试 我从 CodePen 获取了一个非常简单的 Flexbox 布局 并粘贴了以下信息 Chrome 按预期工作 IE11 失败 在 Chrome 上运行的布局成功
html
css
flexbox
internetexplorer11
CSS Flexbox 影响 Bootstrap 3 布局
我正在尝试在 Bootstrap 3 中创建下面的布局 我可以实现 sm 下显示的布局 并且使用 Flexbox 我想将 div 1 和 2 交换为 xs 屏幕 问题是 当我将包含的 div 设置为 Flexbox 时 它会将 sm 布局上
html
twitterbootstrap
css
flexbox
Flex 项目不考虑边距和框大小:border-box
我正在尝试实现标准 CSS 中的一件简单的事情 假设我有一个包含 3 列的网格系统 box sizing border box 这意味着我将容纳 3 个盒子 并留出一定的边距 以缩小尺寸以容纳最多 3 个盒子 但当我尝试用 FLEXBOX
html
css
flexbox
将 CSS flex 元素的高度设置为相同的值?
我有 2 个彼此相邻的 div 我使用 flex 和 justify content align items 垂直和水平居中 例子 HTML div class inner div class section green img src h
html
css
center
flexbox
Flexbox - 填充剩余空间[重复]
这个问题在这里已经有答案了 我有一个像这样的基本弹性盒布局 body html height 100 width 100 container width 100 background grey display flex flex direc
html
css
flexbox
带有滚动区域的嵌套弹性盒
我正在尝试在最新的 Chrome Firefox 和 IE11 中实现这种布局 我可以通过以下方式让它工作 html box sizing border box before after box sizing inherit html bo
css
flexbox
如何在多行弹性框中对齐左最后一行/行[重复]
这个问题在这里已经有答案了 我对弹性盒布局有一个主要问题 我构建了一个容器 里面有一个装满图像的盒子 我决定使用 Flexbox 布局来调整内容 使其看起来像网格 她的代码是 div class container div class it
css
row
flexbox
为什么百分比填充/边距在 Firefox 和 Edge 中的 Flex 项目上不起作用?
我想在弹性盒内有一个方形 div 所以我用 outer display flex width 100 background blue inner width 50 background yellow padding bottom 50 di
html
css
firefox
flexbox
限制浏览器窗口的弹性框高度(目前它溢出导致垂直滚动)
我正在尝试开发一个适合浏览器窗口大小的应用程序 菜单的高度应适合父级的 100 而不是屏幕的 100 高度 我有这个 Header flex Menu 1
html
css
flexbox
Flexbox 使一件物品比其他物品大 4 倍
我正在看这个 Flexbox 备忘单 http www sketchingwithcss com samplechapter cheatsheet html wrapcolumn 这里我们有一个例子 我想让大项目比小项目大 4 倍 而不是大
html
css
flexbox
css3 flexbox 与 Firefox 和 Safari 的兼容性问题
我正在尝试整理我的 Flexbox 布局 使其与最新版本的 IE Firefox Safari 兼容 但我在使用 Firefox Safari 时遇到问题 建议布局 header nav section 在 Firefox 和 Safari
css
Layout
flexbox
Flex-box:将最后一行与网格对齐
我有一个简单的弹性盒布局 其中包含如下容器 grid display flex flex flow row wrap justify content space between 现在我希望最后一行中的项目与另一行对齐 justify con
css
flexbox
GridLayout
浏览器对 Angular 材质的支持
我想在我的下一个项目中使用 Angular Material https material angularjs org 我没有找到任何有关它支持哪些浏览器的文档 有人知道它的内部运作方式以及预期结果吗 据我了解flexcss 属性 例如 I
javascript
css
angularJS
flexbox
angularjsmaterial
«
1 ...
19
20
21
22
23
24
25
»