腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9333)
视频
沙龙
2
回答
Flex
容器
增长
超过
其
项
的
最大
宽度
html
、
css
、
flexbox
我有一个相邻
的
flex
容器
,我想让这些
容器
中
的
项目以同样
的
方式
增长
和缩小。我在某种程度上让它正常工作,除了当一个
容器
中
的
项目太少而无法缩小
其
元素
的
情况。我目前
的
问题是,
flex
容器
的
增长
超过
了它
的
项目的
最大
宽度
和(第一种情况如下面的截图所示
浏览 45
提问于2021-04-09
得票数 0
回答已采纳
1
回答
在
flex
布局中自动匹配元素
javascript
、
css
、
react-native
styles.square} /> </View>} container: { margin: 20, }目前,我只需画3个绿色方块在红色
的
一行内(图1) 如果行高增加,右侧
的</
浏览 1
提问于2021-09-29
得票数 0
1
回答
如何有选择地控制
Flex
项
的
响应性?
html
、
css
、
flexbox
、
responsive-design
我有一个包含3个弹性物品
的
挠性
容器
。我想要这样做:无论<
浏览 1
提问于2022-01-30
得票数 2
2
回答
子div溢出父div
html
、
css
、
reactjs
、
antd
我有3组复选框,前两个是固定
的
宽度
,最后一个应该占剩余
的
空间。在最后一个组中,如果名称很长,则会为该组显示水平滚动。 然而,最后一组溢出了父div 。我该如何解决这个问题呢?
浏览 0
提问于2021-06-11
得票数 0
1
回答
对于重复和可包装
的
CSS网格中
的
列,是否可以使用固定
的
最小和
最大
宽度
?
css
、
flexbox
、
css-grid
我希望设置一个CSS布局,其中
容器
包含固定数量
的
灵活
宽度
块,具有以下属性: 瓷砖之间
的
间距是固定
的
,并且可以在固定
的
最小
宽度
和
最大
宽度
之间扩展,但是不管它们
的
内容如何,都应该是相同
的
宽度
。在下面的示例中,我使用了100 if min
宽度
和200 If
最大
宽度
。如果
的
最小
宽度
不完全适合
容
浏览 10
提问于2022-04-07
得票数 3
回答已采纳
1
回答
Flexbox未按预期包装项目
html
、
css
、
flexbox
通过在菜单上设置以下CSS属性,我可以获得所需
的
结果。.dynamic { max-height: 80px;
flex
-direction: column;如果我使用height: 80px而不是max-height: 80px;,它可以工作,但这对我不起作用,因为我希望菜单随着项目的
增长
而
增长
。 有没有人知道如何让IE正确包装这些项目?
浏览 0
提问于2016-04-26
得票数 1
2
回答
使用vh避免在自动
宽度
最大
高度挠曲CSS布局中使用字母装箱。
html
、
css
、
flexbox
这一点很难解释,但我试图在我
的
页面中调整SVG
的
大小,这样它就可以根据
容器
的
宽度
而
增长
,但前提是它不
超过
页面vh
的
某个百分比。这个部分可以工作,但我也尝试用一个侧栏来表示,每当
最大
高度限制开始在SVG中启动时,就会在SVG中引入左、右填充,而在这种情况下,我希望布局尽可能紧凑,避免SVG
的
“字母装箱”。特别志愿人员小组
的
要求如下: 使用100%
宽度
的</
浏览 7
提问于2021-03-09
得票数 2
回答已采纳
1
回答
"
flex
: 0 0 33%“中
的
"0 0”代表什么?
css
、
flexbox
、
bootstrap-4
我现在正在学习
flex
,在Bootstrap 4
的
列类中看到了这一行:
flex
: 0 0 33.3333%;这两个0 0对应
的
属性是什么
浏览 2
提问于2017-11-25
得票数 7
回答已采纳
1
回答
指示浏览器优先于中断而不是增加父对象
的
宽度
css
我有一个布局与菜单列,这是允许在两个
宽度
之间伸展
的
min-width和max-width #menu {
flex
-direction: column; max-width: 350px; } 有一些链接以编程方式放置到这个
容器
,如果它们
的
文本太长,可能会导致它
增长
,如果不是,它会留在min-width中。如果任何一个链接
的
文本太长,菜单将停留在350px,而链接文本将断
浏览 15
提问于2019-06-23
得票数 1
回答已采纳
1
回答
如何使
flex
元素在两个预定义
的
宽度
之间
增长
和收缩?
css
、
flexbox
我试图让两个
flex
元素收缩和
增长
,而它们
的
一个子div元素具有预定义
的
最小和
最大
宽度
。 如果我有太多
的
可用空间,我希望我
的
两个元素并排显示,而不是元素或内部div
增长
超过
最大
宽度
。如果我没有足够
的
可用空间,我希望我
的
两个内部div保持它们
的
最小
宽度
,并对
flex
元素进行包装。我
的</
浏览 10
提问于2019-07-18
得票数 0
2
回答
如何使图像弯曲到它
的
宽度
?
css
、
flexbox
我如何防止我
的
图像被伸展到它
的
自然200‘s
宽度
? display:
flex
;img { margin: 1em;<footer> <img src=http://www.placebacon.net
浏览 1
提问于2016-09-29
得票数 3
回答已采纳
2
回答
CSS弹性包装属性:何时开始包装?
html
、
css
、
flexbox
在下面的示例中,我在
flex
-basis属性中使用百分比值。是什么使浏览器决定何时开始拆分行? display:
flex
;} border: 1px solid;
flex
:
浏览 8
提问于2016-01-19
得票数 5
回答已采纳
2
回答
“柔韧性
html
、
flexbox
例如,您不应该在这里看到父内容
的
红色,但是您看到了,因为parent: 0 0 auto正在将父内容
的
大小调整到
其
子内容
的
自动
宽度
。但是,您可以清楚地看到,它
的
内容
的
实际
宽度
是10‘t,那么它
的
自动大小不也应该是父10’t吗? display:
flex
;
flex
: 0 0 auto;} #chil
浏览 6
提问于2016-12-08
得票数 1
回答已采纳
1
回答
在什么情况下,
flex
收缩应用于
flex
元素,它是如何工作
的
?
css
、
flexbox
我玩过这个不错
的
,我理解大部分
的
概念,但是我无法在工作中看到
flex
-shrink。无论我在那里应用什么设置,我在页面上都没有看到不同
的
地方。来自 这个组件设置了“
flex
增长
”长度,并指定了
flex
增长
因子,它决定了在分配正
的
空闲空间时,
flex
项
相对于
flex
容器
中其余
的
flex
项</
浏览 2
提问于2013-01-08
得票数 40
回答已采纳
2
回答
图像
最大
高度100%在挠曲盒内
html
、
css
、
flexbox
我得到了一个小故障,当设置
最大
高度和
最大
宽度
的
图像在一个灵活
的
容器
。下面是用于
flex
容器
的
css display:
flex
; justify-content: center;*/现在,我
的
应用程序是让一个子映像来弯曲
容器
,这个
容器
集中在两
浏览 3
提问于2016-07-07
得票数 2
回答已采纳
2
回答
为什么在后代元素上设置填充会减少内容框
的
宽度
?
html
、
css
实际上我有一个如下
的
标记: <div class="child> </div>和CSS: max-width: 500px;} 根据我
的
内容,.containe
浏览 5
提问于2017-02-05
得票数 0
回答已采纳
3
回答
Flex
box
容器
宽度
不
增长
css
、
flexbox
在默认行方向使用
flex
box时,
容器
高度会
增长
以包含所有
flex
项
,即使它是绝对定位
的
也是如此。#container { display:
flex
;}
flex
:0 0 200px;}但是,如果伸缩方向更改为列,则
容器
将折叠为单个
浏览 1
提问于2015-03-06
得票数 18
1
回答
使
flex
容器
宽度
随着
其
子
容器
的
增长
而
增长
html
、
css
、
flexbox
这是简化
的
布局: <div class="container"> <input type="text"class="contact"></input> </div>这就是简化
的
CSS:
浏览 0
提问于2017-10-10
得票数 9
回答已采纳
1
回答
无法处理Flexbox
项
的
最大
宽度
(
项
正在缩小到内容
的
宽度
)
css
、
flexbox
我有一个完整
的
视口
宽度
,完整
的
视口高度“英雄形象”在主页上。我做了一个
Flex
容器
。在
flex
容器
中有一个子div (包含一个标题)。这个
flex
项
应该对齐到
flex
容器
的
底部。它有一个
最大
的
宽度
,应该是水平居中
的
父. 但是,
最大
宽度
被忽略了。div取其内容
的</em
浏览 0
提问于2019-06-20
得票数 0
回答已采纳
2
回答
如何限制"
flex
“
容器
内
的
”pre“标签
宽度
?
html
、
css
、
flexbox
如果将pre标记放置在块布局和
flex
布局
项
中,则行为似乎有所不同: <pre style="background-color: green;"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
浏览 2
提问于2015-08-16
得票数 5
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS3 Flexbox布局
Web自适应布局你需要知道的所有事儿
WEB开发技术基础知识整理——CSS
前端自适应布局你需要知道的所有事
从零开始学 Web之CSS3(七)多列布局,伸缩布局
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券