令人惊讶的是,我找不到简单问题的答案 - 如何将文本围绕图片包裹? 我有动态生成(用户输入)的文本和图像,并且我需要将其放入 div 中,就像这样: 或者,在没有足够的文本的情况下,它应该是这样的: 换句话说,图片应该显示在设置的位置,并被文本包裹。我以为这很容易,但突然发现不知道如何做,请帮忙,我想应该有一个简单的方法来实现这一点。
我相信这是可能的,但它非常先进,需要大量的js和css来操纵流程。假设蓝色矩形是您可以放置文本的html标记,比如一个div。例如,从rA的文本将继续到rB,然后到rC。这个将一直向下延伸,直到其总高度等于中间元素(比如图片)的高度。基本上,思路是当文本溢出时,使其从一个div跳到另一个div。在这个网站上找到了这个方法 。
shape-outside
,但仍然远远不够... W3 的目的是提供规范而非实现 ;) 实现和开发取决于浏览器... 因此,您可以考虑将其作为 JS 插件实现,其中您可以创建您的float;here
;) - Temani Afif