ປະເພດ CSS grid-auto-columns
- ຫນ້ານຳ grid-area
- ຫນ້ານັ້ນ grid-auto-flow
ການສະແດງຕົວຢືນຢັນແລະການນໍາໃຊ້
grid-auto-columns 属性ກຳນົດຂະໜາດວົງຊາວໃນຄອມພິວເຕີບທີ່ຈະຕັ້ງ.
ບັນດາປະສົມຈະຖືກກະຕຸ້ນໂດຍບັນດາວົງຊາວທີ່ບໍ່ໄດ້ຕັ້ງຂະໜາດ.
ບໍ່ດັ່ງນັ້ນ, ບັນດາຄວາມຈິງ:
CSS Tutorial:CSS Grid Layout
ຊູວິທະຍາຂອງ CSS:grid-auto-rows 属性
ບັນດາຄວາມຈິງ
ການຕັ້ງຂະໜາດວົງຊາວເປັນຄູ່ມູນສະພາບລະບົບ:
.grid-container {
display: grid;
grid-auto-columns: 50px;
}
ສັບສັນຍິນໄສທາງ CSS
grid-auto-columns: auto|max-content|min-content|length;
ຄູ່ມູນຂອງບັນດາປະສົມ
| ຄູ່ມູນ | ການອະທິບາຍ |
|---|---|
| auto | ຄູ່ມູນສະພາບລະບົບ. ການຕັ້ງຂະໜາດວົງຊາວຈະຖືກກຳນົດໂດຍຂະໜາດຂອງຄອມພິວເຕີບ. |
| fit-content() | |
| max-content | ການຕັ້ງຂະໜາດຂອງວົງຊາວ, ຜ່ານການຈັດຂະໜາດຂອງຫົວຂໍ້ທີ່ຫຼາຍທີ່ສຸດໃນວົງຊາວ. |
| min-content | ການຕັ້ງຂະໜາດຂອງວົງຊາວ, ຜ່ານການຈັດຂະໜາດຂອງຫົວຂໍ້ທີ່ນ້ອຍທີ່ສຸດໃນວົງຊາວ. |
| minmax(min.max) | ການຕັ້ງຂະໜາດຂອງການຈັດຂະໜາດທີ່ຫຼາຍກວ່າມີຂັ້ນສະຖານະ min ແລະບໍ່ຫຼາຍກວ່າ max. |
| length | ການຕັ້ງຂະໜາດວົງຊາວ, ຜ່ານການນໍາໃຊ້ການຈັດຂະໜາດທີ່ຖືກກວດກາວ່າປອດໄພ. ບັນດາອາດີດ:ສະມາຊິກການຈັດຂະໜາດ。 |
| % | ການຕັ້ງຂະໜາດຂອງວົງຊາວ, ຜ່ານການນໍາໃຊ້ສະເພາະຕາມສະມາຊິກສິບຕາມສິບລາວ |
ຂໍ້ມູນດ້ານເຕັກນິກ
| ຄູ່ມູນສະພາບລະບົບ: | auto |
|---|---|
| ຮັບຢູ່: | ບໍ່ |
| ການສ້າງການສະແດງອາກາດ: | ສະໜັບສະໜຸນ. ບັນດາອາດີດ:ບັນດາປະສົມປະສານການສະແດງ。 |
| ບັນດາລະບົບ: | ຫົວຂໍ້ຂອງການຈັດການ CSS Grid Layout Level 1 |
| ສັບສັນຍິນໄສທາງ JavaScript: | object.style.gridAutoColumns="120px" |
ການສະໜັບສະໜຸນບັນດາສານອາວຸດ
ຕົວແທນທີ່ຂອງການສະໜັບສະໜຸນສັບຕິດສະຫຼະການຄັນທີ່ສຸດຂອງບັນດາຜູ້ໃຊ້
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- ຫນ້ານຳ grid-area
- ຫນ້ານັ້ນ grid-auto-flow
