为什么将图像边框设置为嵌入式块

问题描述 投票:0回答:2

我将span元素作为我的圆形边框添加到放置在span标签内的图像中。我注意到span标签被按下,并给span显示:inline-block通过它解决了吗?

 <span class="avatar"><img src="images/avatar.jpg" alt=""></span>
html css
2个回答
0
投票

[如果您想为图像添加边框半径,是的,请使用span元素已显示inline-block并且此属性停止了您的圆形边框。在img标签内添加带有边框半径的类或样式:

<img src="images/avatar.jpg" style="border-radius:35px;"></img>

0
投票
<span class="avatar"><img src="images/avatar.jpg" alt=""></span>

解决方案:

.avatar{
  border-radius:50px;
  display:inline-block;
  overflow:hidden;
}
© www.soinside.com 2019 - 2024. All rights reserved.