ຄວາມຄຸນສົມບັດ CSS column-fill
- ກ່ອນໜ້ານີ້ column-count
- ຕໍ່ມາບ່ອນ column-gap
定义和用法
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 |
- ກ່ອນໜ້ານີ້ column-count
- ຕໍ່ມາບ່ອນ column-gap