在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