我将span元素作为我的圆形边框添加到放置在span标签内的图像中。我注意到span标签被按下,并给span显示:inline-block通过它解决了吗?
<span class="avatar"><img src="images/avatar.jpg" alt=""></span>
[如果您想为图像添加边框半径,是的,请使用span元素已显示inline-block并且此属性停止了您的圆形边框。在img标签内添加带有边框半径的类或样式:
<img src="images/avatar.jpg" style="border-radius:35px;"></img>
<span class="avatar"><img src="images/avatar.jpg" alt=""></span>
解决方案:
.avatar{
border-radius:50px;
display:inline-block;
overflow:hidden;
}