css列中包含图像的文本

这是我的电子书应用程序。柱子的高度会有所不同。因此，图像位置很难预测。我使用-webkit列之前中断：始终以防止图像在列之间分割。但这种方法留下了空白

是否可以用最后一列的文本填充第二列的空白？你觉得怎么样

---

我可能评论得太快了。您需要

浮动

图像

：

#mydiv{
宽度：1000px；
高度：200px；
-moz列宽：200px；
-webkit列宽：200px；
列宽：200px；
边框样式：实心；
/*最终*/
-moz列填充：平衡；
-webkit列填充：余额；
列填充：平衡；
}
#形象{
框大小：边框框；
边框样式：实心；
边框颜色：红色；
背景颜色：浅蓝色；
浮动：左；
-moz列之前中断：始终；
-webkit列之前中断：始终；
断列前：始终；
}

但我必须向你们解释，谴责快乐和赞美痛苦的错误观念是如何产生的，我将给你们一个完整的系统描述，并阐述伟大的真理探索者、真理的缔造者的实际教导
人类的幸福。没有人拒绝、不喜欢或回避快乐本身，因为快乐本身就是快乐，但因为那些不知道如何理性地追求快乐的人会遇到极其严重的后果
痛苦的再也没有人爱自己、追求自己或渴望自己获得痛苦，因为这就是痛苦，但偶尔也会发生这样的情况，在这种情况下，辛劳和痛苦可以使他获得一些痛苦
非常高兴。举一个简单的例子，除了从中获得一些好处外，我们当中谁曾进行过艰苦的体育锻炼？但是谁有权利对一个选择享受一种没有烦人后果的快乐的男人挑剔呢，
或者一个避免痛苦却不会产生快乐的人？但我必须向你们解释，谴责快乐和赞美痛苦的错误想法是如何产生的，我将给你们一个完整的系统描述，并阐述实际的教义
伟大的真理探索者，人类幸福的建设者。没有人拒绝、不喜欢或避免快乐本身，因为快乐本身就是快乐，但因为那些不知道如何理性地追求快乐的人会遇到不公平的后果
非常痛苦。再也没有人爱自己、追求自己或渴望自己获得痛苦，因为痛苦就是痛苦，但偶尔也会发生这样的情况，在这种情况下，辛劳和痛苦可以使他获得一些巨大的快乐。举一个简单的例子
除了从中获得一些好处外，我们当中有多少人曾经进行过艰苦的体育锻炼？但是，谁有权利对一个选择享受一种没有烦人后果的快乐的人，或者一个选择避免一种不会产生结果的痛苦的人挑剔呢
高兴

您正在使用引导程序吗？不，文本不会围绕图像流动以填补空白；：（…毕竟，它将围绕浮动元素：

#mydiv{
  width:1000px;
  height:200px;
  -webkit-column-width:200px;
  border-style:solid;
 }

#image{
  box-sizing:border-box;
  border-style:solid;
  border-color:red;
  background-color:lightblue;
  height:100%;
  -webkit-column-break-before: always;
}