img表格行高度100%
img表格行高度100%
提问于 2020-08-29 11:20:53
如果我有这样的HTML：
<table>
<tr>
<td>
<img src="a.png">
</td>
<td>
<p>Sunday</p>
<p>Sunday</p>
<p>Sunday</p>
<p>Sunday</p>
<p>Sunday</p>
</td>
</tr>
</table>第二列可以有可变数量的段落，因此高度会有所不同。无论行的高度是多少，我都希望图像就是这个高度。我试过这个：
img {
height: 100%;
}但它似乎什么也做不了。如果可能的话，我想避免更改HTML，我可以只使用CSS来做到这一点吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-08-29 13:00:49
所以我想要增加图像的高度，是因为第二列可以大得多，这会将图像推到默认的表格垂直居中位置。我没有关注图像的大小，而是将图像移到了顶部：
td {
vertical-align: top;
}如果有人对原始问题有解决方案，我仍然感兴趣，但这应该是一种变通办法。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63643078
复制相关文章
相似问题
腾讯云开发者
