并排划分和图像跨度

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可以轻松实现这一点。