css 根据height怎么动态获取line-height？

Question

问题描述

目的，根据div高度动态设置line-height

问题出现的环境背景及自己尝试过哪些方法

使用line-height设置文字垂直居中，但是该div高度动态变化

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

        //换个思路
        //css
        div {
            display: flex;
            align-items: center;
            height: 200px;
            border: 1px solid red;
        }
        
        //html
        
        <div>
        <span>123</span>
    </div>
    

Answer 2

监听div高度变化，高度变化时，获取div高度，动态赋值给line-height

Answer 3

用其他（非设定line-height）方案的垂直居中