在2列文本之间浮动图像

Question

我想知道是否可以在CSS/HTML中重现您在本杂志中看到的效果，图像在2列文本和文本之间浮动：

我知道唯一的现代浏览器都支持2列布局，所以我的问题是：

1. 可这在现代浏览器做什么？如果是这样，怎么样？我们本质上是做一个“浮动：两者”，但ofc该指令不存在....
2. 是否有任何向后兼容破解类似的做旧的浏览器？

最后，如果你可以在HTML/CSS中做到这一点，我会认为图像仍然必须是方形的，以便包装效果不会像它在这里那样有机体。是否有可能精确地再现效果，而不是让图像与空白一致，例如罗恩保罗头部的左右两边？你需要切分图像来完成这个任务吗？

Answer 1

这不容易实现（特别是对于动态文本）。所有的技术都有各种缺点。

下面是 “浮动中心” 一种可行的方法：

http://css-tricks.com/9048-float-center/

对于modern browsers，有一个jQuery插件，可以做到这一点precisely：

http://www.jwf.us/projects/jQSlickWrap/

这里的繁琐，说明书启发上述jQuery插件的版本：

http://www.alistapart.com/articles/sandbags

Answer 2

Curvelicious另外被Eric Meyer称为衣衫褴褛的浮动物。
也Sandbags