上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
返回列表 发新帖

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

[复制链接]
  • TA的每日心情
    擦汗
    昨天 09:20
  • 签到天数: 192 天

    [LV.7]常住居民III

    687

    主题

    5428

    回帖

    6365

    积分

    管理员

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

    积分
    6365

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 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
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表