登录
首页 >  文章 >  前端

如何让文本绕过图片?

时间:2024-12-05 22:45:41 340浏览 收藏

从现在开始,我们要努力学习啦!今天我给大家带来《如何让文本绕过图片? 》,感兴趣的朋友请继续看下去吧!下文中的内容我们主要会涉及到等等知识点,如果在阅读本文过程中有遇到不清楚的地方,欢迎留言呀!我们一起讨论,一起学习!

如何让文本绕过图片?

为什么文本无法绕过图片

为了解决这个问题,我们需要让图片贴紧边框,但又不影响文本流。有以下方法可以实现:

使用绝对定位

将元素定位为绝对定位可以将其从正常文档流中移除,从而避免影响文本。

#father{
  position: relative
}
.aa {
  position: absolute;
  top: 0;
  right:-194px;
}

修改 margin

将图片的 left margin 修改为负值,也可以让图片贴紧边框。

.aa {
  margin-left: -194px;
}

采用这些方法后,图片将贴紧边框,文本将可以正常绕过图片。

今天关于《如何让文本绕过图片? 》的内容介绍就到此结束,如果有什么疑问或者建议,可以在golang学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>