我正在尝试使具有已定义 高度的 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 -->
}
有没有一种有效的方法来实现这一点?
最佳答案
将高度设置为自动。 div 的高度将根据 div 内的内容进行调整。
关于css - Webkit 从设置高度到文本高度的过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19308942/