flex下height高度与css设置高度不一致-油猴中文网

使用 GitHub 登录

油猴中文网»论坛 › 技术交流 › 网页开发 › flex下height高度与css设置高度不一致

ScriptCat，新一代的脚本管理器

脚本站，与全世界分享你的用户脚本

油猴脚本开发指南教程目录

返回列表

楼主: 李恒道 -

flex下height高度与css设置高度不一致

[复制链接]

李恒道

TA的每日心情

	慵懒 2024-10-28 07:07

签到天数: 193 天

[LV.7]常住居民III

712 主题	5961 回帖	6760 积分

管理员

非物质文化遗产社会摇传承人

积分: 6760

发表于 2022-9-1 18:57:10 | 显示全部楼层 | 阅读模式

今天公司项目是限制多行文本达到多行line-height溢出隐藏
我是这样写的
font-size:1em
line-height:1.1em
height:3.3em
overflow:hidden
实践发现height的高度与font-size的高度的倍数不一致
一开始以为是em的关系
后来测试px也存在同样的问题
经过排查确定了是flex导致的
假设
A设置flex:1 1 0
B设置height
对A设置Flex伸长后
对B设置height依然不会起到作用
会在A贪婪伸长之后，B也会产生一定的缩减
解决方法也很简单
对B设置flex-shrink为0
即可解决

混的人。
------------------------------------------
進撃!永遠の帝国の破壊虎---李恒道

入驻了爱发电https://afdian.net/a/lihengdao666
个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。