设置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属性，但它返回包括填充，scrollBar和边框的高度。