文本环绕图片的问题
想要让图片贴近容器右边缘,同时不影响文字显示,我们可以使用。
原本的代码使用了浮动,这会让图片占据空间,导致文字无法越过图片。
解决方法:
使用绝对定位将图片元素从正常文档流中移除,并使用 top 和 right 属性对其进行定位。
#father{ position: relative } .aa { position: absolute; top: 0; right:-194px; }
登录后复制
这样,图片将被置于容器的右边缘,且不会影响文字的显示。
以上就是如何使用让图片贴近容器右边缘,同时不影响文字显示?的详细内容,更多请关注GTHOST其它相关文章!