并排潜水和图像跨度

Question

此行为是否可以通过某种方式实现：

结构：

<div class="col">
  text…
  <div class="image two-col-width"></div>
</div>
<div class="col">
  text…
  <div class="image"></div>
  <div class="image two-col-width"></div>
</div>
<div class="col">
  text…
</div>

列正在使用float

据我所见，css无法做到这一点。 即使有多列，这也将不起作用，因为column-span仅接受none或all。 有没有像javascript插件这样的解决方法可以使其正常工作？ 非常感谢

Answer 1

仅由于浮点数列无法跟踪或计算跨列的彩色div的大小，实际上不可能用浮点数做到这一点。但是，使用Flexbox可以轻松实现这一点。