loader

Cвойство column-width задает идеальную ширину столбца в макете с несколькими столбцами. Контейнер будет иметь столько столбцов, сколько может поместиться, но ни один из них не будет иметь ширину меньше, чем значение ширины столбца. Если ширина контейнера уже указанного значения, ширина отдельного столбца будет меньше объявленной ширины столбца.

column-width հատկությունը սահմանում է սյունակի իդեալական լայնությունը բազմասյուն դասավորության մեջ: Տարան կունենա այնքան սյունակ, որքան կարող է տեղավորվել, բայց դրանցից ոչ մեկը չի ունենա սյունակի լայնության արժեքից փոքր լայնություն: Եթե ​​տարայի լայնությունն արդեն նշված արժեքն է, ապա առանձին սյունակի լայնությունը պակաս կլինի սյունակի հայտարարված լայնությունից:

Синтаксис

Գրելաձև
column-width: auto; ⟿ Автоматическое расстояние между столбцами.
column-width: 5em; ⟿ Расстояние между столбцами. column-width: auto; ⟿ Սյունակների միջև ավտոմատ տարածություն.
column-width: 5em; ⟿ Սյունակների միջև տարածություն.

Пример

Օրինակ

See the Pen column-width by Erik Egnatosyan (@SansaciaCodenyx) on CodePen.

⇓Результат данного примера показан на рисунке⇓

⇓Այս օրինակի արդյունքը ցույց է տրված նկարում⇓

 column-width image

Также у тега column-width есть следующие под. теги
Поддержка браузера дляԲրաուզերի աջակցությունը column-width элемента տարրին
Browser IE Edge Chrome Firefox Safari Opera
Version 10+ 12+ 50+ 50+ 9+ 11.5+
Notes