将图像定位在文本周围的 div 内

Question

我有一个保存图像（和标题）的div标签数组：

数组

1 <div style="padding:5px;border:solid black 1px;width:320"><img src="http://local/photos/3645/thumb/320/tj3645_070206_134731_160020_tn320.JPG" id="tnImg160020_320"></div>
2 <div style="padding:5px;border:solid black 1px;width:490"><img src="http://local/photos/3645/thumb/490/tj3645_060406_025416_151917_tn490.JPG" id="tnImg151917_490"></div>
3 <div style="padding:5px;border:solid black 1px;width:170"><img src="http://local/photos/3645/thumb/170/tj3645_061006_042104_153889_tn170.JPG" id="tnImg153889_170"></div>

然后我有一个包含文章文本的变量。图像数组是根据数据库中的设置动态生成的。该计划是允许用户决定他们想要放置图像的位置（顶部，右侧，左侧，底部，中间等）。

我的问题是，将文本包裹在这些图像上的最佳方法是什么？整个内容当前包装在主容器div 中：

<div id="mainDiv"><div>Images1<div><div>Images2<div><div>Images3<div> Text</div>   

谢谢！

Answer 1

如果不使用一些JavaScript，就没有办法做到这一点。

看看这个JsFiddle，一个JavaScript免费的例子。我看到的主要问题是文本不会在底部图像之间换行，如果这与您想要做的事情有任何接近，请告诉我，我会尝试对其进行更多处理。干杯！