A column-width tulajdonság

A column-width tulajdonság határozza meg az oszlopok szélességét többoszlopos szövegben. A tulajdonság értéke bármilyen mértékegység a méretekhez lehet, kivéve százalékot, vagy a auto kulcsszó (alapértelmezés). Auto érték esetén a böngésző maga határozza meg az oszlopok optimális szélességét a column-count és a column-gap alapján.

Szintaxis

cssszelektor {
  column-width: érték;
}

Példa . Megadott szélesség

Ebben a példában az oszlop szélessége column-width 150px, a számuk column-count pedig auto értékű. Ennek eredményeképpen az oszlopok szélessége 150px lesz, a számuk és a köztük lévő távolságot a böngésző maga határozza meg:

html<div id="elem">
  some long text
</div>

css#elem {
  column-count: auto;
  column-width: 150px;
  text-align: justify;
}

Результат:

Példa . Auto érték

Ebben a példában a szöveg 3 oszlopra lesz osztva (mivel a column-width 3 értékre van állítva), de a szélességük automatikusan számítódik ki:

html<div id="elem">
  some long text
</div>

css#elem {
  column-width: auto;
  column-count: 3;
  text-align: justify;
}

Результат:

Lásd még