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内的内容。