ຖານະການ CSS grid-gap

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

ບັນດາຄັນ grid-gap ກຳນົດຂະໜາດຂອງຊັ້ນກະດັບລະຫວ່າງຊັ້ນກະດັບ ແລະ ຊັ້ນກະດັບ, ມັນແມ່ນບັນດາຄັນຄວາມລະອຽດທີ່ຕາມມາ:

ຄໍາເຫັນ:ບັນດາຄັນນີ້ໄດ້ຖືກຂະຫຍາຍຊື່ໃນ CSS3 gap.

ປຶ້ມການປະກອບ CSS:ບັນດາຄັນ grip-row-gap

ປຶ້ມການປະກອບ CSS:ບັນດາຄັນ grip-column-gap

ການຕັ້ງຊັ້ນກະດັບລະຫວ່າງຊັ້ນກະດັບ ແລະ ຊັ້ນກະດັບ 50 ຕາ:

.grid-container {
  grid-gap: 50px;
}

ການຕັ້ງຊັ້ນກະດັບ 20 ຕາ, ຊັ້ນກະດັບ 50 ຕາ:

.grid-container {
  grid-gap: 20px 50px;
}

grid-gap: grid-row-gap grid-column-gap;

ຄູ່ມັດ	ການອະທິບາຍ
grid-row-gap	ການຕັ້ງຂະໜາດຂອງຊັ້ນກະດັບ. ຄູ່ມັດທີ່ຄົງທີ່ 0.
grid-column-gap	ການຕັ້ງຂະໜາດຂອງຊັ້ນກະດັບ. ຄູ່ມັດທີ່ຄົງທີ່ 0.

ຄູ່ມັດທີ່ຄົງທີ່	0 0
ນຳໄປປະກອບ	ບໍ່
ຜູ້ສ້າງອິນອະນາການ	ສະໜັບສະໜູນ. ບັນປະກອບ:ປະສົມປະສານທາງອິນອະນາການ.
ສະຖານະການ:	CSS Grid Layout Module Level 1
ສັບພາສາ JavaScript:	object.style.gridGap="50px 100px"

ຈຳນວນທີ່ຢູ່ໃນຕາຕະລາງກໍານົດວ່າບໍ່ມີການສະໜັບສະໜູນບັນດາບັນດາຄັນບໍ່ສາມາດສະໜັບສະໜູນບັນດາບັນດາຄັນນີ້

Chrome	IE / Edge	Firefox	Safari	Opera
57	16	52	10	44