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>