腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
2
回答
获取
flexbox
行
的
高度
、
、
、
我有一个
flexbox
容器,每一
行
上
的
项都会溢出,然后转到下一
行
。每个项目都与基线对齐;因此,根据哪些项目位于哪一
行
以及它们如何与基线对齐,
行
可以具有不同
的
大小。这些项目如下图所示,以基线为中心:我想知道是否有一种动态获得
行
高
的
方法?或者
获取
从每个项目的基线到
行
的
顶部/底部
的
距离?我想这样做,这样我就可以在项目周围设置悬停状态,允许悬停在项目
浏览 2
提问于2016-09-13
得票数 2
2
回答
为IE9查找父div
高度
和向子节点添加
高度
、
、
我在改变元素
高度
上有点困难。当没有
flexbox
可用时,html标记有类没有
flexbox
。下面的代码用于
获取
父div
高度
并将其添加到子节点。这将迫使IE9中
的
高度
相等。我可能做过一些愚蠢而明显
的
事,但我看不见。var iconGroupHeight = $('.icon-block-group-wrapper').height; if ($('html').hasClass("no-
flex
浏览 3
提问于2015-07-28
得票数 0
回答已采纳
1
回答
Flexbox
布局-页眉、自动内容、粘性页脚-在IE 11中样式不一致
、
、
、
、
我正在尝试一个粘性
的
页脚布局来跨浏览器工作。Philip Walton似乎做得很完美,就像演示
的
那样。 据我所知,我正确地使用了
flexbox
和前缀。但我知道我会犯错!任何帮助都是非常感谢
的
!我没有发布代码,因为我认为这是在浏览器中调试时最简单
的
东西。
浏览 1
提问于2015-09-18
得票数 1
5
回答
防止flex项
高度
展开以与其他flex项匹配
、
、
我在一个容器中有两个元素,它们是通过使用flex框并行
的
.在第二个元素(.
flexbox
-2)上,我在CSS中设置它
的
高度
。然而,第一个元素(.
flexbox
-1)将匹配.
flexbox
-2
的
高度
。我如何阻止.
flexbox
-1与.
flexbox
-2
的
高度
匹配,而只保留它
的
自然
高度
?以下是我到目前为止所拥有的(也是可用
的
)
浏览 2
提问于2014-12-20
得票数 121
回答已采纳
2
回答
是否可以让基于列
的
flexbox
列表中
的
第一项为100%,而其他项则不是?
、
、
、
这是我现在使用基于列
的
flexbox
布局得到
的
结果:但我真正想要
的
是:我
的
标记是一个带有LI
的
简单UL,我在ul上设置了
flexbox
和一个基于列
的
布局选项,并且我指定了
高度
,使其向右折
行
我将Bootstrap 4
flexbox
布局用于单个li
的
列,可以想象,如果我将第一项指定为100%宽度,那么所有符合指定
高度
的
直接l
浏览 2
提问于2016-10-16
得票数 0
3
回答
具有相同
高度
的
嵌套项目的嵌套
flexbox
、
我正在尝试实现一个卡片模式(类似于),利用
flexbox
进行布局。每个卡片都有一个标题和一个内容,并使用
flexbox
对它们进行排列。卡片
的
高度
已经一致,这要归功于外部
的
flexbox
。我不知道如何使标题
的<
浏览 2
提问于2016-05-10
得票数 1
1
回答
按比例将左侧图像缩放到右侧两
行
的
高度
我想不出如何将左侧
的
图像按比例缩放到右侧两
行
的
高度
。我试着用
flexbox
来解决这个问题,但是长宽比没有被保留。img
的
宽度和
高度
的
计算取决于右侧div
的
高度
,而div
的
高度
取决于div
的
宽度。
flexbox
需要图像
的
宽度来确定div
的
宽度…… 无论如何,我正在尝试做
的
仍然是一件很简单
浏览 17
提问于2017-08-30
得票数 0
2
回答
CSS Flex全
高度
侧边栏
、
、
我试着制作带有背景
的
侧边栏,它
的
高度
与#页面内容
的
高度
相同,但我无法使它工作。边栏
高度
仍与其内容相同。.
flexbox
{ display: -ms-
flexbox
!important; overflow: hidden !important;.
flexbox</e
浏览 1
提问于2015-03-22
得票数 2
1
回答
使用flex使不同列中
的
所有行都具有相同
的
高度
?
、
我试图使一个产品项目页面,在那里你可以查看3个项目在一
行
和每个细节开始在相同
的
高度
。 .
flexbox
{ display: -ms-
flexbox
; flex-direction:
浏览 9
提问于2020-05-20
得票数 1
3
回答
如何让按钮在不同
的
div中对齐?
、
、
我尝试让每个div底部
的
按钮与另一个div对齐。 我试过了,但还是不能用。position:absolute; bottom: 0; 这是我目前
的
工作:https://www.bootply.com/NrkiUsvKa5 我试图在不调用break
的
情况下得到这个结果:https
浏览 33
提问于2019-02-15
得票数 0
回答已采纳
1
回答
IE11柔性箱柱高问题
、
、
我有一
行
li,每一
行
包含一个img,然后是一个p。工作得很好,除了在IE11中,在那里p以某种方式得到了额外
的
高度
。有什么想法吗?
浏览 2
提问于2016-12-07
得票数 0
回答已采纳
1
回答
CSS - height:calc(100% - Nem)在flex中不起作用
、
、
我有三
行
:固定
的
,流动
的
,固定
的
。这三
行
的
高度
加在一起是100%,并且必须始终在页面上可见,无需滚动。在流体
行
中,我有一个模块,它必须占据100%
的
高度
。:0; } .
flexbox
-parent width: 100%; div.header, di
浏览 13
提问于2018-03-05
得票数 0
回答已采纳
1
回答
具有CSS响应
的
水平网格
、
、
、
、
我试图用相同
高度
但长度可变
的
盒子建立一个响应网格。这些框需要填充保持正确比率
的
图片,而不需要拉伸(例如图像大小: 400x400,600x400,800x400,.)。我试了几件事: 我想要一个纯CSS解
浏览 3
提问于2015-01-04
得票数 3
1
回答
1
行
有两个元素,但
高度
不同
、
、
我试图在1
行
中有两个元素,它们都有不同
的
高度
。当其他元素
的
高度
调整时,
Flexbox
似乎正在调整所有元素
的
高度
。 有什么建议吗?
浏览 2
提问于2016-06-06
得票数 1
回答已采纳
1
回答
Flexbox
布局,列,
行
,多重
高度
、
、
我想把所有的东西都放在适当
的
位置,但是我发现我不得不在一些物品上增加间距,这样才能把它们排成一
行
。它仍然比尝试浮动东西更整洁,而且Grid还没有准备好。但如有任何建议/反馈,将不胜感激。
浏览 0
提问于2017-03-13
得票数 5
1
回答
在
flexbox
列布局中调整Openlayers 3
的
大小?
、
、
在
flexbox
的
列布局中,无法正确调整openlayer 3地图
的
大小吗?我有一个非常简单
的
flexbox
列“容器”,有两
行
,看起来openlayers
的
大小更新总是计算出它
的
高度
是整个页面的
高度
,这样会出现一个垂直滚动条。
浏览 0
提问于2015-06-26
得票数 3
1
回答
Flex无法使用Epiphany将子项
的
高度
获取
到flex项
的
高度
、
、
、
、
我有一个块
的
网格,其中其他块也包含在flex块中。
浏览 2
提问于2017-12-29
得票数 1
3
回答
怎样才能让我
的
flexbox
布局占据100%
的
垂直空间?
、
、
如何判断
flexbox
布局
行
是否占用了浏览器窗口中剩余
的
垂直空间? 我在第-3
行
有另一个
flexbox
,它创建一组列。为了正确地调整这些列中
的
元素,我需要它们了解浏览器
的
完整<em
浏览 3
提问于2014-04-16
得票数 135
回答已采纳
5
回答
在CSS网格中,每行可以有不同数量
的
列吗?
、
></div> <div class="col"></div></div>这将创建2
行
,第一
行
是100 is
高度
,第二
行
是使用60px
高度
自动创建
的
。第二
行
浏览 14
提问于2017-12-03
得票数 33
回答已采纳
2
回答
垂直填充可用空间
、
、
现在在
flexbox
行
中,我可以编写 <div>some content</div> <div>another content</div>我想实现同样
的
但垂直
的
,就像在这张图上
浏览 4
提问于2016-10-13
得票数 48
回答已采纳
点击加载更多
相关
资讯
如何获取Unity导航系统中某点的高度
Flexbox 布局的最简单表单
基于 Flexbox和CSS Grid 的高效布局
三行代码获取所有可转债数据——python 获取金融数据
给萌新的 Flexbox 简易入门教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券