将 HTML td 的宽度设置为与 td 中的图像相同答案

【问题标题】：Set width of HTML td the same as image in td has将 HTML td 的宽度设置为与 td 中的图像相同
【发布时间】：2014-10-17 22:40:49
【问题描述】：

这个问题可能不适合放在这里，但也许你可以通过一些建议为我节省一些时间。

jsoup能做到吗？或者我应该遍历整个 html 文档：开始 td 标签，然后是结束标签，然后在标签之间获取图像宽度。对所有td's 都这样做吗？

听起来有点复杂。

【问题讨论】：

我认为默认情况下td 的大小与其内部孩子相同。
问题是有时候你需要把图片去掉，然后把文字放在那里，然后你必须给TD加上td的高度和宽度。

标签： java html jsoup

【解决方案1】：

尝试使用以下 CSS：

td img {display: block;}

【讨论】：

【解决方案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 属性类似，但它返回的高度包括内边距、滚动条和边框。

【讨论】：