腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Flex
项目
未
收缩
[
已
关闭
]
、
链接到我的笔 body,.upload-container, display:
flex
; justify-content: center;} .upload-container,
flex
-directionspace-around; margin: auto; .image-vector
浏览 25
提问于2021-02-28
得票数 1
回答已采纳
1
回答
当宽度大于
flex
容器时,如何计算挠度
收缩
?
、
、
的内容如下: 对于线上的每一个
未
冻结
项目
,将其挠度
收缩</
浏览 3
提问于2020-04-17
得票数 3
2
回答
不一致的
flex
-在最后一行中使用
flex
-wrap增长
、
、
、
请看我非常简单的
flex
布局示例: 尽管有所有规则集,但最后一行中的项具有不同的宽度?这是怎么可能的,当弹性增长说,所有的
项目
将是平等的规模?
浏览 4
提问于2016-04-01
得票数 2
回答已采纳
1
回答
当
flex
项有不同的
flex
基础时如何计算
flex
收缩
假设我有一个简单的
flex
容器,其中包含2个
flex
项,其中
flex
项的大小超过了容器的大小--其中
flex
收缩
将是used..like,所以:.container { width: 600px-
项目
有600 so的
flex
基础,而备用的有200 so的弯曲基础,所以负空间是200 so。因此,由于这两个
flex
项都具有相同的
flex
收缩
因子1-我预计两个
flex
项都会
收缩</em
浏览 1
提问于2016-04-11
得票数 6
回答已采纳
2
回答
flex
项不溢出
、
、
</html>.box { height: 300px; display:
flex
; width: 200px; border: 1px solid red;在这里,
flex
项的宽度大于
flex
容器的大小,但仍然不会在主轴上溢出当我检查元素时,我注意到
flex
项的宽度是100px,但我给它们的宽度是200
浏览 0
提问于2020-01-01
得票数 0
1
回答
flex
: 0.0 33%和
flex
0.1 33%
、
、
、
例如,引导系统和蚂蚁设计使用
flex
: 033和最大宽度: 33% (作为一个例子)。例如,为什么不使用
flex
: 0 1 33。
浏览 1
提问于2022-02-19
得票数 0
3
回答
为什么flexbox
项目
图像会根据它们的初始大小调整不同的大小?
、
、
我有四张图片:两张小的,两张大的(尺寸以html表示)。它们的img宽度都设置为100%,但它们的父div设置为特定的宽度。当我调整浏览器窗口的大小时,较小的图像会立即缩小,而较大的图像则不会。 border: 3px solid green;} border: 1px solid red; min-width: 60px;} 谢
浏览 0
提问于2015-02-18
得票数 14
回答已采纳
1
回答
为什么
flex
布局会受到溢出内容的影响?
、
、
.cont { height: 300px; display:
flex
;.aside { height: 100%;} /*overflow: hidden;*/ background-color
浏览 2
提问于2016-06-27
得票数 1
回答已采纳
1
回答
将
项目
收缩
到最小宽度,然后换行到新行
、
、
、
我遇到了一个问题,让
flex
项目
在
flex
容器中
收缩
,直到达到最小宽度,然后包装。我让它在中工作,但我不能让它在一些生产角度代码中工作。: row; overflow-y: scroll; width: 1; } 我做了一些研究,我发现当你使用
flex
- wrap : wrap时,包装优
浏览 3
提问于2020-11-28
得票数 0
2
回答
为什么弹性物品包装而不是
收缩
?
、
、
我想知道是否有人能给我一个简单的介绍,说明如何计算柔性盒布局,特别是按哪个优先级排列,例如: <div id="container" style="display:
flex
;
flex
-direction: row;
flex
-wrap:wrap;"> <div style="
flex
: 1 0 200px; height:200px; background-color: lightgreen;"></
浏览 0
提问于2016-09-12
得票数 7
回答已采纳
1
回答
忽略宽度的
flex
项目
、
、
在断点,我对home-promos分区应用了一个
flex
类,并对元素进行了重新排序。这可以正常工作。 display:
flex
;.home-promo-center {} order: 2; }
浏览 0
提问于2016-06-14
得票数 23
回答已采纳
1
回答
"
flex
: 0 0 33%“中的"0 0”代表什么?
、
、
我现在正在学习
flex
,在Bootstrap 4的列类中看到了这一行:
flex
: 0 0 33.3333%;这两个0 0对应的属性是什么
浏览 2
提问于2017-11-25
得票数 7
回答已采纳
3
回答
如何创建一个在包装前
收缩
的
flex
项目
?
、
、
从这个中可以看到,我基本上尝试使用这个CSS来创建两个div,这些div应该完全满足这些需求: 如果两个
项目
都有足够的空间可供使用,但宽度小于较宽项的两倍,则较窄的项应缩小(不起作用,它会包装)。我不理解这种行为,因为我已经为
flex
项目
设置了
flex
-shrink,所以它们应该能够
收缩
--但是它们不能:如果较窄的项的宽
浏览 9
提问于2017-04-27
得票数 8
回答已采纳
2
回答
嵌套容器中的
Flex
收缩
、
、
我正在尝试模仿一个带有弹性框的导航栏,其中我有两组
项目
-导航-左对齐左对齐,右对齐右对齐。每一项都有50px的宽度。 display:
flex
; border: 2px solid;} border-color: turquoise;} border-
浏览 3
提问于2020-03-06
得票数 0
1
回答
Flexbox没有在Safari 9.1.1上工作
、
、
solid #39c3ec; display: -moz-box; display: -moz-
flex
; display:
flex
; -ms-
flex
-direction: row;
flex
-direction: row; over
浏览 2
提问于2016-07-06
得票数 5
回答已采纳
1
回答
Flex
项目
正在
收缩
,即使使用
flex
-shrink: 0
、
、
flex
-shrink属性指定该
项目
相对于同一容器中其他灵活
项目
的
收缩
方式,因此当我给出一个0的
flex
-shrink时,它不应该
收缩
,但它会
收缩
。 display: -webkit-
flex
; -webkit-justify-content: space-around; -webkit-
flex
-f
浏览 13
提问于2017-01-27
得票数 4
回答已采纳
1
回答
对齐显示的
flex
父菜单的子菜单。
、
、
在具有属性display:
flex
的菜单下面有一个子菜单,列表项具有属性
flex
-grow: 1。这是可行的,但问题是,由于菜单及其项显示为
flex
,所以当浏览器缩小列表项的宽度时,列表项的宽度会随之缩小,因此子菜单不会对齐。下面是浏览器缩小200 is时的屏幕截图:是否有css类或我可以做的任何事情使子菜单链接与浏览器
收缩
上的父链接对齐?#menu-main-menu {} float: left; <e
浏览 2
提问于2016-11-14
得票数 1
回答已采纳
1
回答
柔性包装盒-2套包装
项目
、
我希望在第一个断点(max-width:1024px)上将其包装成2列,我想我可以通过使用
flex
容器中每个
项目
宽度的%值来实现这一点,但这似乎行不通。守则如下: 我是否可以用宽度百分比或类似的方法来做这件事?
浏览 2
提问于2016-10-05
得票数 4
回答已采纳
2
回答
当填充添加到其中之一时,
Flex
项不会同样
收缩
。
、
display:
flex
; height: 100px; background-color: green;.
flex
-item { height: 100%;} margin-right, 221); <div class="
flex
-
浏览 2
提问于2022-07-17
得票数 0
1
回答
容器的flexbox元素不保持其长度
、
、
.main{
flex
-flow:row nowrap;.item1{ background:#979797;.item2{ background:#373737;<div class="main"> <divhere Some
浏览 0
提问于2018-10-07
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Binance:由于大量未确认转账,已暂时关闭BTC提款
zkSync生态项目SyncDex Finance疑似Rug,项目官方社区已关闭
Flexible Box Layout 原理剖析
网易布局区块链产品,出师未捷!网易招财猫项目已夭折!
谷歌“关门部”出手:已证实关闭家用机器人项目Everyday Robots
热门
标签
更多标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
活动推荐
运营活动
广告
关闭
领券