内联元素

<style>
    img{
        width: 100px;
        height: 100px;
    }
    a{
        /*display: block;*/
    }
</style>
<a href="">
    <img src="./1.jpg" alt="">
    <span>hh</span>
</a>

a本身是行内元素，宽度高度不管用，但可以包裹块级元素，但不会被块级元素撑大，所以就得变成block

<style>
    img{
        width: 100px;
        height: 100px;
    }
    a{
        display: block;
    }
</style>
<a href="">
    <img src="./1.jpg" alt="">
    <span>hh</span>
</a>