我有一个固定宽度和高度的两列文本布局，用-{moz,webkit}-column-*个东西实现（即文本从一列自由流动到另一列）。
如何将图像放在第二列的顶部，与右边对齐（即与文本的外边框对齐），以便列中的文本围绕该图像流动？
JS没问题（但我更愿意没有它）。应该至少在最新的Chrome和最新的FF中工作。移动Safari是可取的。
答案 0 :(得分：2)
确实很棘手，即使使用JS，我也无法想到最佳解决方案。无论如何，正如Last Rose Studios所说，您可以使用图像上的column-break属性来强制图像始终位于第二列的顶部，如this fiddle所示。但是，这只是webkit的有效解决方案，因为firefox不支持column-break属性。
考虑到这一点以及布局考虑了固定宽度和高度这一事实，我认为最好的解决方案就是使两个div作为this fiddle中的列。不是完美的解决方案，但我认为多列布局不足以满足您的需求，至少目前是这样。
编辑：
如果您在段落中划分文本，则可以使用基于this fiddle的jQuery在this SO answer中将其从一列流向下一列。
答案 1 :(得分：0)
在http://www.w3.org/TR/css3-multicol/#column-breaks查看css3规格可能会有所帮助