Când doriți să păstrați coloanele la o anumită lățime, utilizați column-width.
section ( -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; )Browserul va calcula câte coloane cu cel puțin acea lățime se pot potrivi în spațiu. Gândiți-vă column-widthla o sugestie de lățime minimă pentru browser.
column-widtheste o proprietate flexibilă. Odată ce browserul nu poate încadra cel puțin 2 coloane la lățimea specificată, coloanele se vor opri și vor fi plasate într-o singură coloană.
Această proprietate este, de asemenea, utilizată în stenogramă columnsși poate fi utilizată în tandem cu column-count. Atunci când ambele proprietăți sunt declarate column-counteste numărul maxim de coloane.
Valori
Puteți seta column-widthla autosau o lungime.
Folosiți autodacă utilizați column-countși dacă doriți să opriți proprietatea. Gândiți-vă la asta ca la un mod de a spune browserului să lase să column-countpreia conducerea.
Pentru a specifica lățimea coloanelor, utilizați o lungime mai mare de (sau egală cu) 0. Puteți utiliza orice unitate CSS, cu excepția procentului.
Suport pentru browser
Suport pentru aspectul cu mai multe coloane:
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Orice | 3+ | 1.5+ | 11.1+ | Peste 10 ani | 2.3+ | 6.1+ |
Nu uitați prefixele!