使用css/jquery/anything在透明的png周围流动文本

Lg1*_*102 2 css jquery transparency flow image

现在,我有:

<img style="float:right;" src="/path/to/image.png">
<p>lorem ipsum dolor</p>
Run Code Online (Sandbox Code Playgroud)

这很好地设置了正确的图像和周围的文字.然而,是否有可能围绕png图像的实际内容"流动"文本,而忽略了透明度?

它现在看起来像这样:

之前

我希望它看起来像这样:

后

我看到的可能性:

1) Manually add breaks
Run Code Online (Sandbox Code Playgroud)

动态内容几乎不可能;

2) Have php add breaks after a set number of characters
Run Code Online (Sandbox Code Playgroud)

非常复杂,需要为每个图像确定;

3) Another way someone here knows about
Run Code Online (Sandbox Code Playgroud)

有没有人有这种情况的经验?

提前致谢!

Gre*_*per 6

执行此操作的"正确"方法是CSS3形状/排除(形状 - 外部/内部等).

不幸的是,截至2013年4月,这些尚未得到广泛实施.Chrome/Webkit在其金丝雀版本中进行了测试.也许Mozilla会继续.