Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
为什么弹性项目受限于父级尺寸?
考虑以下示例 body margin 0 box sizing border box parent min height 100vh width 50vw margin 0 auto border 1px solid red display
css
flexbox
centering
可滚动弹性盒中的多种背景颜色
我有一个flexbox flex direction row 具有 2 列内容和固定高度 我希望左栏和右栏分别有红色和蓝色背景 如果任一列溢出 则flexbox的滚动条出现 溢出的部分仍然是红色 蓝色 如果列的内容高度小于flexbox的高
html
css
flexbox
使用 Flexbox 和 Overflow 将项目居中
问题总结 我想要的布局是能够将页面上未知尺寸的图像居中 垂直和水平 如果图像太大而无法适应任一方向 我想显示滚动条 以便用户可以滚动以查看完整图像 我遇到的问题是 当图像太大而无法容纳时 图像的顶部和左侧 取决于被截断的部分 将永远无法滚动
html
css
flexbox
Flex 布局混合行和列
我可以使用这个布局float容易地 但很难处理弹性盒 css a background red float left width 30 height 100px b c background green overflow hidden he
css
flexbox
为什么我的反应本机组件重叠
我想将 2 个组件放置在彼此下方 我的组件如下所示 import React from react import connect from react redux import Text StyleSheet View ListView S
javascript
ReactJS
ReactNative
flexbox
css 两行1列框布局
我一直在使用 Flexbox 进行两行一列布局 我使用 Flexbox 是因为我认为 css2 1 无法填充 box B 的剩余空间 在我的 jsFiddle 示例中 我无法让 box C 在右侧向上移动 也无法让 box B 垂直弯曲并填
css
flexbox
如何使用 Flexbox 进行砖石布局
我想通过 flexbox Child 元素创建砖石布局 Child 元素应按以下顺序出现 并且子元素具有不同的高度和相同的宽度 我正在使用延迟加载 1 2 3 4 5 6 从技术上讲 这是可能的flex flow column wrap 但
html
css
flexbox
CSS3 flexbox 调整垂直对齐元素的高度
是否有可能使 item 1高度灵活可调 item 2高度 例如 if item 1高度是10 then item 2高度是90 if item 1高度是11 then item 2高度是89 所以根据内容 item 1我们应该调整它的大小
css
flexbox
如何制作一个可拉伸以适合包装物品的弹性盒容器? [复制]
这个问题在这里已经有答案了 我想要一个flex direction column Flexbox 容器的宽度会增长以适合包含的元素 在此代码笔中 http codepen io justinmc pen ZYwWMz 灰色的 div 是 F
css
flexbox
Flexbox 列自身与底部对齐
我正在尝试使用 Flexbox http css tricks com almanac properties a align content http css tricks com almanac properties a align co
css
flexbox
父级 Flexbox 容器忽略子级 Flexbox 最小宽度
很短的史前史 我的故事从奋斗开始overflow wrap break word 在弹性盒内工作 Flexbox 容器不想理解它的项目可以缩小 尽管该项目可以破坏长单词 body width 300px border 1px solid b
html
css
flexbox
wordwrap
如何删除内联/内联块元素之间的空格?
这些之间将有 4 像素宽的空间span要素 span display inline block width 100px background color palevioletred p span Foo span span Bar span
html
css
flexbox
弹性盒| Flex 项目被推出包含 div (屏幕外)
我正在使用弹性盒布局 https css tricks com snippets css a guide to flexbox 设置过去任务列表的样式 任务描述和时间的长度总是变化很大 一切看起来都很棒 直到输入足够长的任务描述以换行到第二
css
flexbox
如何为 flex: 0 0 25% 的弹性项目添加 1px 边距?
我正在使用 Flexbox 测试几种不同的布局 但遇到以下问题 我有一个设置了弹性项目的图片库flex 0 0 25 我想给它们添加 1px 边距 因为 1 太大了 所以我想知道在这种情况下我应该做什么 我附上下面的例子 foto cont
html
css
flexbox
Flex:包裹的物品与其他物品的宽度相同
我使用 Flex 创建一个多列列表 该列表根据容器的宽度调整列数 我发现的问题是 如果我想通过将 flex grow 设置为 1 来使用父级的完整宽度 则最后一个换行行中的项目会未对齐 因为它们试图填充父级 我发现了两种对我不起作用的解决方
css
flexbox
Bulma:如何定义移动设备上的堆栈顺序
我正在采取Bulma Flexbox CSS 框架 http bulma io 试一试 到目前为止它非常整洁 我发现的唯一障碍是我似乎无法设置移动设备的显示顺序 div class columns div class column foo
html
css
flexbox
cssframeworks
bulma
Flexbox - 首先在新行上换行中心项目
我正在使用 Flex Box 创建传统的浮动项目列表 我有三个项目 结构如下 section div item one div div item two div div item three div section 与CSS section
css
flexbox
使弹性项目包裹在列方向容器中
因此 要使用行布局将元素包装在 Flex div 中 我所要做的就是 div display flex flex direction row I want to change this to column flex wrap wrap wr
css
flexbox
wordwrap
cssgrid
当文本换行时,Flexbox 不再对齐项目
我正在努力使用flexbox容器连同bootstrap 4将我的元素水平居中对齐 这是我到目前为止所拥有的 div class d flex flex column align items center img class rounded
twitterbootstrap
css
flexbox
Bootstrap4
带有水平滚动条的 pre/code 元素破坏了 Firefox 上的 Flex 布局
在我的基于弹性盒的布局中 我可能有一个 pre code code pre 元素 以及其他元素 由于它的内容可能比容器更宽 所以我做了它overflow x auto 它在 Chrome 上完美运行 但它在 Firefox 上被破坏了 在没
html
css
firefox
flexbox
«
1 ...
5
6
7
8
9
10
11
...26
»