假设我有一个 <div> 元素，我想让它的宽度等于当前的行高。是否有一个 CSS 单元或一些花哨的 calc() 函数可以完成这个？我知道一种解决方法是将实际行高简单地硬编码到 calc() 函数中，但我想知道是否有一种方法可以处理所有行高。
到目前为止，我不喜欢使用硬编码的 line-height 值（本例中为 1.33）：
.test {
width: calc(1em * 1.33);
height: auto;
background-color: red;
}
<div class="test"></div>