ປະເພດ CSS column-count

ການກໍານົດແລະການນຳໃຊ້

ອາຊະຍານ column-count ກຳນົດຈຳນວນວົງກອງທີ່ຕ້ອງຈັດຕັ້ງສະຖານີ.

ບໍ່ມີການກ່າວເຖິງ:

ອານນະພາບCSS3 ການສອນ:ການນຳໃຊ້ສະໂລຫານ CSS3

ອານນະພາບHTML DOM ການປະກາດ:ອາຊະຍານ columnCount

ກໍລະນີ

ແຍກຕາມວົງກອງຄວາມຄິດຂອງສານdivສາມກອງ:

div
{
column-count:3;
}

ທ້າທາຍຕົວເອງ

ມີກໍລະນີອີກຫຼາຍຢູ່ບ່ອນດ້ານບັນຍາຍ.

ການນຳໃຊ້CSS

column-count: number|auto;

ຄູ່ມົນຂອງອາຊະຍານ

ຄູ່ມົນປະຈຳ ການອະທິບາຍ ການທົດລອງ
number ຈຳນວນວົງກອງທີ່ບັນຈຸທີ່ດີທີ່ສຸດສຳລັບສານເລື່ອງ. ການທົດລອງ
auto ຈຳນວນວົງກອງອາດຖືກກຳນົດໂດຍອາຊະຍານອື່ນໆເຊັ່ນ "column-width". ການທົດລອງ

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄູ່ມົນປະຈຳຕົ້ນເກີດ: auto
ການສະໜັບສະໜູນ: no
ສະຖານະການ: CSS3
ການນຳໃຊ້ພາສາJavaScript: object.style.columnCount=3

ກໍລະນີອີກຫຼາຍ

Column-gap
ແຍກຕາມວົງກອງຄວາມຄິດຂອງສານdivສາມກອງແລະກຳນົດຄວາມລະຫວ່າງວົງກອງ30ຕາລິສ.
Column-rule
ກຳນົດວັດທະນາຄານລະຫວ່າງວົງກອງ.

ການສະໜັບສະໜູນບັນຊີບັນນາທິການ

ຈຳນວນໃນຕາຕະລາງອອກສະຖານີສະແດງວ່າສະຖານີທີ່ເປັນເຈົ້າພາບຂອງປະສົມອາຊະຍານດັ່ງກ່າວ.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1