Новите својства на CSS, column-wrap и column-height, достапни во Chrome 145, овозможуваат подобро управување со мулти-колонски распореди, заменувајќи го хоризонталното скролување со вертикално.

Овие својства се особено корисни за содржини со фиксна висина, како што се мрежи на картички со максимална висина, овозможувајќи непрекинат тек на информации. Исто така, тие се применливи во дизајни на весници и списанија, каде што е потребно да се задржи интуитивен тек на информации преку различни големини на екрани.

Примена на новите својства

  • Фиксна висина на содржина: Овие својства се идеални за содржини со предвидлива висина, како картички со максимална висина. Со column-wrap: wrap, содржината се префрла во нов ред, создавајќи вертикален тек.
  • Дизајни на весници и списанија: Комбинацијата на column-height и column-wrap овозможува одзивни распореди за различни големини на екрани, задржувајќи интуитивен тек на информации.
  • Каросели во блок-насока: Со поставување на висината на колоната да одговара на висината на екранот, мулти-колонскиот тек може да се третира како систем за пагинација, овозможувајќи флуиден, вертикален прелистувачки доживот.

Ограничувања на новите својства

Иако овие својства се корисни, тие не се решение за сите мулти-колонски дизајни. За динамични содржини со непредвидлива висина, потребно е користење на JavaScript за пресметка на височините, што го нарушува концептот на CSS-нативно решение. Исто така, за вистински одзивен дизајн, медиумските прашања сè уште се неопходни за прилагодување на бројот на колони и висината на колоните.

Споредба со алтернативи

Мулти-колонскиот пристап се разликува од CSS Grid и Flexbox, кои управуваат со одделни контејнери. Мулти-колонскиот систем е единствениот што може да фрагментира континуиран тек на содржина низ повеќе колони и редови, што го прави најсоодветен за долги форми на содржина. CSS Grid овозможува прецизно позиционирање преку структурата на мрежата, додека Flexbox со обвивање е одличен за стандардни UI компоненти.

Заклучок

Новите својства column-wrap и column-height во Chrome 145 значително ја зголемуваат употребливоста на мулти-колонските распореди, овозможувајќи 2D текови без губење на вертикалното скролување. Иако не се замена за прецизноста на CSS Grid или флексибилноста на Flexbox, тие пополнуваат уникатна ниша. Со зголемување на поддршката од прелистувачите, најдобриот пристап кон мулти-колонскиот распоред е со разбирање на неговите предности и ограничувања.