文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么将图像边框设置为内嵌块

问为什么将图像边框设置为内嵌块
EN

Stack Overflow用户

提问于 2019-11-04 03:49:19

回答 2查看 65关注 0票数 0

我添加了一个span元素作为我的图像的圆形边框，它被放置在span标记中。我注意到span标签被向下推，并给span一个display:inline-block解决了它，是这样的吗？

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

发布于 2019-11-04 04:07:16

如果你想给你的图像添加边框半径，是的，span元素已经有了display inline-block，这个属性可以停止你的圆形边框。在img标签内添加带有边框半径的类或样式：

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

票数 0

发布于 2019-11-04 17:51:21

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

解决方案：

.avatar{
  border-radius:50px;
  display:inline-block;
  overflow:hidden;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58684024

复制

相似问题

问为什么将图像边框设置为内嵌块EN