html将表格单元格中的文本拟合到不同表格单元格中的图像

时间:2015-05-24 13:48:54

标签: jquery html css

如果你想看看我要描述的内容 - 例子如下:
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标签可以得到正确的"尺寸不是我喜欢的选项

我有什么想法可以解决它?

1 个答案:

答案 0 :(得分:0)

我最终做的是向div提供data-original-img-widthdata-original-img-height,并在知道宽度后在jQuery中进行计算。

仍然希望听到其他解决方案