腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
Flex
grow
适用于
元素
本身
,
但不
适用于
容器
html
、
css
、
flexbox
、
height
、
flex-grow
容器
的高度是500px。即使在将
flex
grow
属性设置为1(在
容器
中)之后,div也不会增长,但当在
元素
本身
(
容器
中的子div)上设置时,它们确实会增长。我是不是漏掉了什么? .container {
flex
: 1 1 0; height: 500px;} div
浏览 10
提问于2020-07-16
得票数 0
回答已采纳
1
回答
在不使用绝对值的情况下,如何使一列的宽度是另一列的两倍?
html
、
css
、
dom
<td width="100%">2</td> </tr>如果我没有弄错,如果一个宽度是一个百分比,它是父
元素
总宽度的一个百分比
浏览 2
提问于2011-03-10
得票数 2
1
回答
flex
-增长不扩展
flex
项目
html
、
css
、
flexbox
</body>header div有一个固定的height: 60px,主div接受屏幕的剩余高度: 100%;body{
flex
-direction: column; #header{
flex
-
grow
: 0;#main{}div> <div
浏览 0
提问于2018-08-25
得票数 6
回答已采纳
2
回答
IE11计算父
flex
容器
高度错误
html
、
css
、
flexbox
、
internet-explorer-11
这
适用于
所有浏览器中的短页面(小于窗口高度)。然而,同样的方法也
适用于
Firefox中的长页面,但是IE11将
容器
元素
减少到子
元素
的25%左右。下面是示例:html {} height: 100vh;
flex
-direction: column;} max-width: 600px;
浏览 9
提问于2016-09-06
得票数 5
回答已采纳
2
回答
具有最大高度、最大宽度和对象匹配的
flex
父级图像。
html
、
css
、
flexbox
、
stretch
问题是,
元素
本身
不包含,只有可见图像。这意味着,如果我使图像可点击,整个
元素
区域(即使在图像之外)也是可点击的。我只想让可见的图像可以点击。这似乎
适用于
火狐,
但不
适用于
Chrome。
flex
-direction: column;} { height:
浏览 0
提问于2018-03-17
得票数 0
回答已采纳
2
回答
在
flex
项目中自动调整图像大小
css
、
flexbox
;}
flex
-
grow
:2;}我想要的是在“子
容器
”中有一个在两个方向(高度和宽度)都适合其父对象大小的图像。现在,如果我将一个图像添加到“子<em
浏览 0
提问于2016-10-27
得票数 6
1
回答
在IE11中,对父
容器
的约束和图像的最大宽度和再扩展高度不起作用。
html
、
css
、
internet-explorer
、
flexbox
我想要强制一个图像max-width被约束/重新增加到
容器
的宽度,并且高度是自由的。它
适用于
Chrome/Firefox,
但不
适用于
IE11.cimage { align-items: center; display: -ms-flexbox; -ms-
flex
-negat
浏览 0
提问于2019-02-22
得票数 1
回答已采纳
2
回答
不要填充可生长的挠性
容器
的宽度。
css
、
flexbox
、
css-grid
我正在构建一个柔性盒
容器
,
容器
宽度是可调整大小的,每个
元素
应该水平地填充
容器
宽度,
grow
来填充它们之间的空间,如果行中有太多的
元素
,那么还要垂直堆叠。问题是,当存在一个带有单个
元素
的行时,它会填充
容器
的整个宽度,这是导致
flex
-
grow
: 1;规则的原因。
浏览 2
提问于2022-02-01
得票数 2
回答已采纳
1
回答
在嵌套
flex
容器
时适当使用
flex
属性
html
、
css
、
flexbox
我在正确使用flexbox时遇到了问题,我想弄清楚嵌套的父
元素
和子
元素
是如何工作的。.parent-container {
flex
: 1 0 100%;}
fle
浏览 7
提问于2016-06-15
得票数 29
回答已采纳
1
回答
通过引导4“选择”的完整页面高度。如何在图像2上获得页面视图?
bootstrap-4
<nav class="navbar navbar-light bg-primary"> <div class="navbar-brand"&g
浏览 0
提问于2020-06-18
得票数 0
回答已采纳
1
回答
当我已经将父级设置为
flex
时,为什么要告诉孩子们显示
flex
呢?
css
、
parent-child
、
flexbox
例如,如果..nav
flex
是父函数,那么为什么我的
flex
样式不出现在子锚
元素
中。我必须在子锚
元素
上显示:
flex
以使其显示为
FLEX
。(父母) display:
flex
;}a { text-decorati
浏览 1
提问于2015-06-19
得票数 0
3
回答
如何避免零高度嵌套的Chrome缺陷?
html
、
css
、
google-chrome
、
flexbox
我遇到了一种奇怪的情况,在flexbox中,我希望有一个具有不同弯曲方向的嵌套
flex
容器
,但是由于某种原因,这个
容器
占据了0高度,导致
元素
重叠。row
flex
-direction: column
flex
-
grow
: 1; <h1>TEST2</h1&
浏览 7
提问于2016-11-19
得票数 1
回答已采纳
1
回答
Flex
grow
不扩展div的内容以适应div的整个宽度
javascript
、
css
、
reactjs
、
flexbox
我试图让输入
元素
占据整个分配的宽度,然而,由于某些原因,它只是保持初始呈现时的默认大小。 . . .但我的印象是
flex
grow
会为我做这件事。 我也尝试过用flexBasis: '100%'代替flexGrow: 1,但这似乎产生了与后者相同的结果。
浏览 0
提问于2020-08-11
得票数 1
1
回答
在不增加高度的情况下获得与...StyleSheet.absoluteFillObject相同的效果
javascript
、
reactjs
、
react-native
container: { height: 400, justifyContent: '
flex
-end<Container style={mapStyles.location}> </Container> 然而,它似乎将<Location />下面的
元素
向下推到它下方的设备屏幕高度
浏览 2
提问于2017-05-16
得票数 4
回答已采纳
1
回答
是否有可能将“行”-s放入"d-
flex
“中的Bootstrap 4中?
css
、
flexbox
、
twitter-bootstrap-4
页眉”和“页脚”之间有一个区域(让我们称之为"body"),其中可能有一个 我怀疑这是由于对列和行使用Flexbox引导
本身
造成的,但是可能存在任何解决方案吗? 我会努力改进这个问题,我知道这个问题很糟糕,但我现在太绝望了,无法解决所有的问题。
浏览 3
提问于2017-01-19
得票数 0
1
回答
使用
flex
显示时避免压缩
元素
javascript
、
css
、
html
、
flexbox
在使用下面的CSS代码时,我想避免压缩
元素
,特别是对于Chrome浏览器。39。 background: rgb(255, 255, 255); cursor: -webkit-grab;
flex
-direction: column-reverse;
flex</e
浏览 1
提问于2016-12-08
得票数 3
回答已采纳
1
回答
如何在不同大小的
容器
中保持两个相同大小的flexbox
元素
?
html
、
css
、
flexbox
设置是两个列方向的flexbox
容器
,它们具有相对高度(即其父
容器
的百分比)。两个
容器
都有固定的页眉和页脚。一个
容器
的高度总是另一个
容器
的两倍。较大的
容器
有两个孩子作为它的“内容”。较小的
容器
有一个子“content”
元素
。 我希望较大
容器
的第一个内容
元素
始终与较小
容器
中的单个内容
元素
的高度相同,而不管
容器
的大小。对于任何给定的大小,我可以指定一个匹配
元素
浏览 3
提问于2018-12-05
得票数 0
1
回答
为什么“合理-内容:担架”要求“灵活-增长”使输入
元素
展开
css
、
flexbox
我必须将
flex
-
grow
: 1添加到其中,以便使其扩展以填充可用的宽度。 您可以在下面看到.input
元素
有width: auto。更新:我在下面添加了div.not-needed
元素
,以显示飞出的子
元素
可以是
flex
的父级,而这并没有什么区别。这样我就把两层灵活
浏览 6
提问于2022-09-13
得票数 1
回答已采纳
1
回答
挠曲盒响应导航问题
css
、
flexbox
、
nav
480px; @media (max-width: #{$phone}) { } max-width: 100%; text-align: center; }
浏览 0
提问于2016-03-16
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
【CSS基础】Flex弹性布局
Flexible Box Layout 原理剖析
前端入门5-CSS弹性布局flex
Flex 布局教程:语法篇
CSS3 Flexbox布局
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券