設置HTML td的寬度與td中的圖像相同

Question

這個問題不太適合放在這裏，但也許你可以通過一點建議爲我節省幾個小時的工作。

難道是由jsoup完成？或者我應該遍歷整個html文檔：開始td標記，然後結束一個，然後獲取標記之間的圖像寬度。這樣做對所有的td's？

聽起來有點複雜。

Answer 1

嘗試使用下面的CSS：

td img {display: block;} 

Answer 2

如果圖像尺寸總是變化，用JavaScript做到這一點：

HTML：

<table> 
<tr> 
    <td id="imageHeight"> 
     <img src=""> 
    </td> 
    <td id="textHeight"> 
     text 
    </td> 
</tr> 
</table> 


<script type="text/javascript"> 
var image = document.getElementById("imageHeight").offsetHeight; 
document.getElementById("textHeight").offsetHeight = image; 
</script> 

的offsetHeight性質類似於clientHeight屬性，但它返回包括填充，滾動條和邊框的高度。