css - Webkit 从设置高度到文本高度的过渡

Question

我正在尝试使具有已定义 高度的 div 过渡到由其文本内容确定的新高度。据推测，这需要考虑窗口的宽度，因为随着窗口宽度的减小，文本会换行更多，变得更长，并且需要更大的高度值。

#object {
    width: 100%;
    height: 50px;
    -webkit-transition: height 0.5s;
}
#object:hover {
    height: <!-- new height depends on length of inner text, but also
                 how small the window size is, because of wrapping -->
}

有没有一种有效的方法来实现这一点？

Answer 1

将高度设置为自动。 div 的高度将根据 div 内的内容进行调整。