column-count касиети

column-count касиети көп тилкелүү тексттеги тилкелердин сунуш кылынган санын белгилейт. Алардын чыныгы саны белгиленген сандан айырмаланышы мүмкүн, тилкенен туурасына жана алардын ортосундагы аралыктын көлөмүнө жараша.

Синтаксис

cssселектор {
  column-count: сан | auto;
}

Маанилер

Демейки маани: auto.

Мисал

Бул мисалда текст 3 тилкеге бөлүнөт (албетте, көп тилкелүүлүктү колдогон браузерлерде, калгандарында бир тилкедеги кадимки текст гана болот):

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

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

Результат:

Мисал . auto мааниси

Бул мисалда тилкенен туурасы column-width 150px деп белгиленген, ал эми алардын саны column-count auto маанисинде - браузер өзү керектүү тилкелердин санын жана алардын ортосундагы аралыкты тандап алат:

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

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

Результат:

Ошондой эле караңыз