将图像定位在文本内部的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示例。 我看到的主要问题是文本不会在底部图像之间进行换行，如果这是任何接近你想要做的事情让我知道，我会尝试更多。干杯！