如果你想看看我要描述的内容 - 例子如下:
http://www.letsfeedme.com/moments?moment_id=555900f35c7255bb6f8b4ab3
(以 - I love events like these...
开头的文字
TL-DR:文本高度应该由另一列中图像生成的空间拟合(但不能通过它 - 图像应该设置两列的高度)
说明:
我想要两个高度相同的div,这将由图像决定(如果图像很高,我们有很多文本空间,如果它很低,文本应该有一个像这样的滚动条现在)
目前,我使用display:table
作为容器,display:table-cell
作为列。
文本高度设置为列宽的% - 在js代码中(因此它不会比图像大)但它没有考虑图像高度。
我尝试计算高度是jQuery(我用jQuery / js解决方案很酷)但是.parent().parent().height()
给了我错误的数字,我明白这是因为它不知道图像的高度。
我喜欢图像的宽度是100%而且我不需要进行花哨的计算,因此使用img标签可以得到正确的"尺寸不是我喜欢的选项
我有什么想法可以解决它?
答案 0 :(得分:0)
我最终做的是向div提供data-original-img-width
和data-original-img-height
,并在知道宽度后在jQuery中进行计算。
仍然希望听到其他解决方案