表中的單元文本適配於圖像如果你喜歡看什麼,我將要描述的 - 的例子是:
http://www.letsfeedme.com/moments?moment_id=555900f35c7255bb6f8b4ab3
(本與文本開始 - I love events like these...
)HTML在不同的表芯
TL-DR:文本高度應在其他列(但不是通過它由所述圖像產生的空間被裝配 - 圖像應該設置兩列的高度)
說明:
我有2個div我想在一個平等的h八,這將由圖像決定(如果圖像很高,我們有很多文字空間,如果它很低,文本應該有一個像現在的滾動條)
目前我正在使用容器的display:table
和列的display:table-cell
。
文本高度設置爲列寬的百分比 - 在js代碼中(因此它不會大於圖像),但它不考慮圖像高度。
我試着計算的高度是jQuery(我很酷的jQuery/js解決方案),但.parent().parent().height()
給了我錯誤的數字,我明白它是因爲它不知道圖像的高度。
我喜歡這樣的形象是100%的寬度,我也不需要做花哨的計算中,因此具有img標籤得到「正確」的尺寸是不是我喜歡
任何想法的選項怎麼可以修理它?
什麼能夠防止您簡單地從'.chapter-text'中刪除'height'? –
如果有很多文字,我不希望它超過圖像高度(並在圖像下留出白色空隙 - 因爲文字面更高) – Boaz