覆盖列宽或弹性列宽？

Question

我知道与CSS列有关的东西还没有被浏览器支持（列中断和诸如此类的东西），但有什么方法，CSS / jQuery /无论如何，我可以覆盖列宽？

例如，假设我的列宽为300px，但我需要其中一列作为插入图像的宽度，是大于还是小于300px？

我无法预测用户输入图像的位置，因此列宽实际上必须应用于整个内容区域，这意味着它不能在三个DIV或其他任何内容中完成，其中一个是图像，每个其中有自己指定的宽度。

现在试图解决这个问题几天，我会在这里疯狂。必须有一些方法！ ：）

小提琴：http://jsfiddle.net/wpzpzabf/2/ 请注意，图像应该是列宽的1.5倍左右（在Chrome和IE上，图像的其余部分被隐藏，而在FF上，它与下一列重叠）。

以下是我之后的最终结果示例：

.wrapper {
    width:300px;
    height:300px;
}
.inner {
    height:300px;

    -webkit-column-width:300px;
    -moz-column-width:300px;
    column-width:300px;
}
.inner img {
    display:block;
    max-height:300px;
}