從設置高度到文本高度的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內的內容進行調整。