腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
为什么
我
的
flex
项
目中
的
div
的
高度
如此之
小
?
html
、
css
我
有一个问题,在
我
的
flex
项
目中
div
的
高度
非常
小
,如下图所示。(在第二个和第三个
flex
项目上很难看到红线。)
我
已经附加了HTML,CSS和一个jsfiddle。如果
我
为
div
使用一个固定值,它会工作得很好。非常感谢您
的
帮助! ? : 1;.flexbox-item-nav {
flex
-shrink:
浏览 23
提问于2021-04-26
得票数 1
回答已采纳
4
回答
当
flex
-direction为'column‘时,CSS
flex
-basis不起作用
html
、
css
、
flexbox
我
的
目标是使用flexbox创建一个两列布局,其中第一列有两行,第二列有一行,如下所示:仅当容器
的
flex
-direction为row时,在第三
项
上设置
flex
-basis: 100%才能获得所需
的
效果 将
flex
-direction更改为column会导致以下结果,除非显式设置了height,这在
我
的
项
目中
是不可行
的
:如果不显式设置容器
的<
浏览 4
提问于2013-11-22
得票数 17
2
回答
在柔性箱布局中,网格
的
高度
为零。
flexbox
、
ag-grid
、
ag-grid-ng2
我
的
目标是在一个角度5
项
目中
使用ag网格,并让网格在挠曲盒布局中占据所有可用
的
垂直空间。网格似乎很乐意使用“
高度
:100%”,当它包含在一个具有定义像素
高度
的
div
中时,或者当
div
有一个百分比
高度
但不在柔性盒布局中时。但是当我试图把它放在一个柔韧
的
项
目中
时,它似乎总是没有
高度
。
我
怎样才能让
我
的</em
浏览 0
提问于2018-05-17
得票数 8
1
回答
具有可调整大小图像
的
柔性箱柱
html
、
css
、
flexbox
我
正试图在中间
的
弯曲
项
中构建一个具有可调整大小
的
图像(带有链接)
的
柔性盒布局。图像弹性
项
应根据浏览器窗口进行扩展,其他内容大小相同,但
高度
固定。
我
希望图像中心在两个方向,大约95%
的
最大
高度
和最大宽度,所以这是缩小时,浏览器窗口变得更小。html: <
div
id="
flex</e
浏览 1
提问于2014-09-05
得票数 0
回答已采纳
1
回答
显示中
的
Flex
项
:表格,在Firefox中不占用
高度
,在chrome上工作正常
html
、
css
、
flexbox
我
有一个带有Display
的
父节: Table;Property,在chrome上它工作得很好,但是在Firefox
flex
div
上没有达到它
的
高度
,这就是
为什么
我
不能将项目居中对齐display: table; t
浏览 8
提问于2019-07-25
得票数 0
4
回答
Flexbox:如何使图像在弯曲
的
项
目中
等高?
jquery
、
html
、
css
、
flexbox
在使用min-width: 768px
的
屏幕尺寸中,当有30%
的
空间时,每个柔性
项
都会增长到1,即挠度:1 30%,弯曲方向:改为行;在使用
flex
: 1 30%?时也是必要
的
浏览 5
提问于2017-11-23
得票数 0
1
回答
如何使用flexbox完成此设计?
html
、
css
、
flexbox
我
正在尝试通过使用flexbox来完成这个设计:它应该是一个单页面的网站。 display:
flex
;
flex
: 2; background: gray;
flex
: 1; background: gray;<
div
class&
浏览 3
提问于2019-04-04
得票数 1
3
回答
如何确定一行
的
高度
?
html
、
css
、
flexbox
具体来说,在下面的示例中,
我
想知道
为什么
将height值设置为第一个
flex
项
更改(实际上增加了)第一行
的
高度
。通常,
我
希望能够确定一行
的
高度
(假设当
flex
容器
的
高度
设置为auto或显式值时)。} background-color: darkcya
浏览 5
提问于2020-06-12
得票数 2
回答已采纳
2
回答
防止挠性物品伸展
html
、
css
、
flexbox
示例: display:
flex
; background: tan;span {}</
div
>
我
有两个问题,请: 在不影响
flex
容器中
的
其他
flex
项目的情况下,防止它伸展
的
正确方法是什
浏览 3
提问于2015-11-24
得票数 170
回答已采纳
1
回答
位置:粘滞不能与top属性一起工作?
javascript
、
jquery
、
html
、
css
位置:带有类侧边栏
的
div
上
的
粘滞,底部:10px可以正常工作,但顶部:10px
的
属性不能像预期
的
那样工作?在带有类侧边栏
的
div
上使用position: sticky with bottom: 10px,当我们向下滚动
div
stick到view port时,它
的
底部边缘在10px以上。类似地,在带有类侧边栏
的
div
上
的
position: sticky with top:10px
浏览 14
提问于2017-07-27
得票数 3
1
回答
在<p>增长时缩小<img>并使用
flex
-box保持纵横比
html
、
css
、
flexbox
我
有一个静态
的
高度
容器。下面是一个用文本动态填充
的
p标记。#main { height: 200px; border:
浏览 3
提问于2016-08-31
得票数 2
1
回答
使
flex
项
的
子项不超过
flex
项
html
、
css
、
flexbox
我
得到一个页面布局,其中包含一个
flex
容器(具有列方向)和一个
flex
设置为1
的
flex
项
。
我
需要将元素添加到此
flex
项
中。
我
希望将我
的
容器
的
高度
固定在
flex
项
div
的
100%,但问题是
我
的
根容器
的
高度
是动态
浏览 0
提问于2018-03-12
得票数 4
2
回答
屏幕滚动时,
Flex
切断边框
css
、
google-chrome
、
flexbox
、
border
嗨,
我
有下面的HTML代码(这里是“工作”) <main class="main"></
div
>.layout { display:
flex
;
flex
-direct
浏览 0
提问于2017-10-26
得票数 0
回答已采纳
1
回答
1行有两个元素,但
高度
不同
javascript
、
react-native
、
flexbox
我
试图在1行中有两个元素,它们都有不同
的
高度
。当其他元素
的
高度
调整时,Flexbox似乎正在调整所有元素
的
高度
。<View style={{
flex
: 1, flexDirection: 'row'}}> <Text>Some Contentwith a longer height<&
浏览 2
提问于2016-06-06
得票数 1
回答已采纳
3
回答
在
flex
项目上显示表
css
、
flexbox
我
的
问题很简单。是否可以在
flex
项目上显示:表?.parent { border: 1px solid black;
flex
-direction: column;text-align: center; ba
浏览 4
提问于2016-03-11
得票数 2
回答已采纳
3
回答
弯曲侧边栏:如何长到100%
的
高度
html
、
css
、
flexbox
我
正在构建一个使用CSS
flex
的
侧边栏,
我
需要它垂直增长来填充整个屏幕
的
垂直
高度
。这是
我
正在做
的
事情
的
骨架。.app {
flex
-direction: row; height: 100%;
flex
: 1; background-c
浏览 9
提问于2017-11-07
得票数 1
回答已采纳
1
回答
将挠曲
项
对齐到挠曲端。
css
、
flexbox
嗨,
我
正在创建网格布局,当尝试在弯曲结束或开始上对齐
项
时,
高度
/宽度变为零。
我
想知道
的
是,是否可以在不指定
高度
/宽度
的
情况下将
flex
容器中
的
项
对齐到顶部/底部/中心?在
我
的
例子中,
我
没有指定任何
高度
,也没有工作。如果
我
指定了它,它就能工作。不工作
的
行在第一个示例中被注
浏览 3
提问于2017-02-02
得票数 1
回答已采纳
1
回答
让
flex
的
孩子只使用空间,如果他们需要它不滚动,但否则平等共享空间和滚动。
html
、
css
、
scroll
、
flexbox
、
overflow
我
有两个
flex
子程序,它们每个都可以是
小
的
或大
的
,
我
定义
的
小
的
是容器
高度
的
50%,大
的
是容器
的
高度
的
> 50%。孩子
的
高度
之和可能大于容器
高度
的
100%,在这种情况下,
我
想要一个或两个都滚动。如果一个子元素是
小
<e
浏览 3
提问于2022-07-29
得票数 0
1
回答
为什么
Flex
容器不关心它
的
父块级元素?
css
、
flexbox
我
想将一个
flex
容器
的
内容定位在交叉轴
的
中心。据我所知,“对齐
项
”将做到这一点,但“对齐-
项
”
的
工作,我们需要明确指定
高度
。
我
说
的
对吗?好
的
,
我
显式地指定了
高度
,但是在包含
flex
容器
的
"header“块级元素上。不过,
flex
容器似乎并不关心块容器。
为什么
会发生这种事?是否将<e
浏览 0
提问于2019-02-25
得票数 0
回答已采纳
1
回答
Chrome中
的
Flexbox似乎不尊重“纵横比”填充;在Firefox中很好
css
、
flexbox
我
有一个包含最多三个
div
的
包含行。每个子
div
要么有一个背景图像,要么只是一些文本。由于图像
div
使用
的
是background-image,并且没有定义
的
宽度/
高度
,所以它们有一个使用设置
的
高宽比(在这个实例中使用伪元素)。这在Firefox中似乎非常有效,但在Chrome中,包含
div
的
div
似乎并不尊重最高
div
的
高度</
浏览 4
提问于2015-06-15
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
最全的实现垂直居中的方法
Flex布局教程
大误:已经会了?
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
CSS杂谈
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券