Divs бок о бок и размер изображения

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

Это действительно невозможно сделать с помощью чисел с плавающей точкой только потому, что столбцы с плавающей точкой не могут отслеживать или вычислять размер цветных элементов, идущих поперек столбца.Однако это легко достижимо с Flexbox.