html - img 是否继承父元素尺寸？

Question

在下面的代码中，

<table>
    <tr>
        <td>
            <input type="radio" name="cardtype" value="visa">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/04/Visa.svg/175px-Visa.svg.png"> VISA
        </td>
        <td>
            <input type="radio" name="cardtype" value="amex">
            <img src="http://www.hoax-slayer.com/images/american-express-security-update-scam-2.jpg"> AMEX
        </td>
        <td>
            <input type="radio" name="cardtype" value="mastercard">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/MasterCard_Logo.svg/2000px-MasterCard_Logo.svg.png"> Master card
        </td>
    </tr>
</table>

td 中的

input 元素继承了与 img 不同的宽度。为什么？

img 元素是否继承父元素(td) 的高度和宽度？ Here是完整的代码。

Answer 1

By default the <img> element does not inherit height and width of parent tag. You need to externally specify this in your custom css like:

img {
    height: inherit;
    width: inherit;
}

这个帖子应该可以帮助您更好地理解它:Why doesn't my image width inherit from parent div width

在您的情况下，您必须确保将正确的 css 应用到您的父节点。