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 内的内容进行调整。