在两列文本之间浮动图像

Question

我想知道是否可以在CSS / HTML中重现您在此杂志中看到的效果，图像在两列文本之间浮动，文本环绕在它周围：

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

1. 这可以在现代浏览器中完成吗？如果是这样，怎么样？我们基本上做了一个“浮动：两个”，但是这个指令不存在....
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