登录
首页 >  文章 >  前端

如何让文本绕过图片?

时间: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学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
318 收藏
  • 文章 · 前端   |  27分钟前  |  
    265 收藏
  • 文章 · 前端   |  28分钟前  |   html
    445 收藏
  • 文章 · 前端   |  32分钟前  |  
    477 收藏
  • 文章 · 前端   |  36分钟前  |  
    435 收藏
  • 文章 · 前端   |  39分钟前  |  
    315 收藏
  • 文章 · 前端   |  43分钟前  |  
    275 收藏
  • 课程推荐
    更多>