ປະເພດ CSS grid-column-gap
- ບ່ອນໄປບໍລິໂພກຫຼັງ grid-column-end
- ບ່ອນໄປບໍລິໂພກບ່ອນໄປ grid-column-start
ການສະແດງຮູບແບບ ແລະ ການນໍາໃຊ້
grid-column-gap 属性ສະແດງຄວາມກະຈາຍບັນດາວົງຈອນໃນການຈັດການຕາກາງ.
ບໍ່ດັ່ງນັ້ນ ບັນປະຊາການ:
CSS Tutorial:CSS Grid Layout
ປະກາດການ CSS:grip-gap 属性
ປະກາດການ CSS:grip-row-gap 属性
ຄວາມສະແດງ
ການຈັດການຄວາມກະຈາຍບໍລິໂພກບັນດາວົງຈອນ: 50 ຕາມ.
.grid-container {
grid-column-gap: 50px;
}
ສັບພາສາ CSS
grid-column-gap: length;
ຄູ່ມືລັກສະນະ
| ຄູ່ມືວັດຖຸ | ສະແດງການ |
|---|---|
| length | ຈຳນວນການວັດແທກທີ່ຖືກກວດສອບຢ່າງມີປະສິດທິພາບ. ຄູ່ມືສົມບູນ: 0.ສະຖານະການການວັດແທກ. |
ລະອຽດດ້ານເຕັກນິກ
| ຄູ່ມືສົມບູນ: | 0 |
|---|---|
| ການສືບທອດ: | ບໍ່ |
| ການອອກອາກາດ: | ສະໜັບສະໜູນ. ບັນປະຊາການ:ປະສົມບັນດາລັກສະນະທີ່ກ່ຽວກັບການອອກອາກາດ.. |
| ສະຖານະຂອງລຸ່ມ: | CSS Grid Layout Module Level 1 |
| ສັບພາສາ JavaScript: | object.style.gridColumnGap="50px" |
ການສະໜັບສະໜູນບາດີໂລເບີຍ
ຈຳນວນທີ່ຢູ່ໃນຕາຕະລາງສະແດງວ່າບັນດາບາດີໂລເບີຍທີ່ສະໜັບສະໜູນບັນດາລັກສະນະນັ້ນຄັ້ງທໍາອິດ.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- ບ່ອນໄປບໍລິໂພກຫຼັງ grid-column-end
- ບ່ອນໄປບໍລິໂພກບ່ອນໄປ grid-column-start
