title: Is there a way to get actual css-columns width and gap?
body: <p>Is there a way to know actual column-width and column gap for CSS multi-column layout? Column-width property indicates the optimal column width. The actual column width may differ from the specified value: it may be wider when necessary to fill available space and narrow when the available space is too small.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div {
    column-width: 200px;
    column-gap: 20px;
    width: 300px;
    border: 1px solid green;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;
    Atlantic trout snake mudhead ribbon eel, "ribbonfish pilot fish," sole dusky grouper. Fierasfer tiger shark central mudminnow viperfish, spotted danio sabertooth bat ray deepwater flathead thornyhead roosterfish, "pompano molly longfin escolar." Goldeye
    sandperch springfish, spiny dogfish chum salmon dogfish shark tiger barb escolar, "handfish Sundaland noodlefish," Rattail, knifefish Red salmon. Freshwater shark Blacksmelt eagle ray, bonytongue goldfish northern pike anemonefish molly loweye catfish
    stingray crocodile shark northern lampfish beluga sturgeon. Black mackerel denticle herring rough sculpin, perch, round herring Atlantic trout frilled shark mudsucker swordfish mahi-mahi. Shovelnose sturgeon sergeant major sheepshead catalufa pink salmon
    Jack Dempsey panga eel--sand stargazer ridgehead mosquitofish, "stonefish Antarctic icefish barreleye surfperch," mudskipper North American darter! Sábalo: scaleless black dragonfish Bitterling silver hake, spiny-back freshwater shark? Long-finned char
    kahawai, alligatorfish Modoc sucker scaleless black dragonfish New World rivuline. Grunion; daggertooth pike conger flat loach. Bonito, "yellow moray lionfish," sardine hammerhead shark.
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://jsfiddle.net/Maria1983/4Lokqxg2/12/" rel="nofollow noreferrer">https://jsfiddle.net/Maria1983/4Lokqxg2/12/</a></p>
  
  <p>In this example, the actual column width is larger than the CSS column-width value.</p>