ຄວາມຄຸນສົມບັດ CSS column-fill

定义和用法

column-fill 属性规定如何填充列(是否进行协调)。

另请参阅:

CSS3 教程:ຫຼາຍຫົວຂໍ້ສາຍສະໜາມ CSS3

HTML DOM 参考手册:columnFill 属性

实例

规定如何对列进行填充:

div
{
column-fill:auto;
}

ສັບພາສາ CSS

column-fill: balance|auto;

ຄູ່ມົງຄຽງຂອງອະສາສະການ

ຄູ່ມົງຄຽງ ການອະທິບາຍ
balance ການປະສານກອງ. ບັນຊີບຸວຄວາມຍາວກອງຈະຖືກການກະຈາຍຢ່າງຫຼາຍກວ່າຫຼາຍ.
auto ການລະບຸອັນດັບສະໜັບສະໜູນຂອງກອງໂດຍອີກຄັດຄະດີ ຄວາມຍາວຂອງກອງຈະມີຄວາມແຕກຕ່າງກັນ.

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄູ່ມົງຄຽງພາສາ: balance
ການຮັບປະກອບ: no
ຮູບແບບ: CSS3
ສັບພາສາ JavaScript: object.style.columnFill="auto"

ຫຼັກການທີ່ຫຼາຍກວ່າ

Column-count
ແບ່ງຄິດກັນຂອງຂໍ້ຄວາມ div ສຳລັບສາມກອງ.
Column-gap
ແບ່ງຄິດກັນຂອງຂໍ້ຄວາມ div ສຳລັບສາມກອງແລະກໍານົດຄວາມຫ່າງລະຫວ່າງກອງ 30 ປີຕອນ.
Column-rule
ກໍານົດວັດທະນາຄານລະຫວ່າງອັນດັບສະໜັບສະໜູນ.

ການສະໜັບສະໜູນບັນຊີບຸວ

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0