Хосияти column-width

Хосияти column-width васеиии сутунҳоро дар матни бисёрсутуна муайян мекунад. Қимати хосият ягон як воҳидҳои барои андозаҳо аст, ба истиснои фоизҳо, ё калимаи калидӣ auto (бо таври пешфарз). Ҳангоми қимати auto браузер худаш васеиии оптималии сутунҳоро бо асоси column-count ва column-gap интихоб мекунад.

Синтаксис

cssинтихобкунанда {
  column-width: қимат;
}

Намуна . Васеиии муайяншуда

Дар ин намуна васеиии сутун column-width дар 150px муайян шудааст, ва шумораи онҳо column-count дар қимати auto қарор дорад. Дар натиҷа васеиии сутунҳо 150px хоҳад буд, шумораи онҳо ва фосила байнашон браузер худаш интихоб мекунад:

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

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

Результат:

Намуна . Қимати auto

Дар ин намуна матн ба 3 сутун таксим мешавад (зеро column-width дар қимати 3 қарор дорад), ва аммо васеиии онҳо ба таври худкор ҳисоб карда мешавад:

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

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

Результат:

Ҳамчунин нигаред