CSS Grid Overlay ໃນ Chrome ກັບ OffiDocs

ລາຍລະອຽດ

ສະ​ຫນັບ​ສະ​ຫນູນ​ຈຸດ​ແບ່ງ​ຂັ້ນ​ຫຼາຍ​ແລະ​ຄ່າ​ຕາ​ຂ່າຍ​ໄຟ​ຟ້າ​ປົກ​ກະ​ຕິ (gutters​, ຖັນ​, ຄວາມ​ກວ້າງ​ສູງ​ສຸດ​, ແລະ​ອື່ນໆ​)​.

ການຕັ້ງຄ່າສາມາດຖືກບັນທຶກໄວ້ໄດ້ຢ່າງງ່າຍດາຍແລະແບ່ງປັນລະຫວ່າງສະມາຊິກທີມເປັນວັດຖຸ json.

ຕົວຢ່າງ conf: [ { "columns": 4, "margins": 16, // px ກ່ອນແລະຫຼັງຈາກຖັນທໍາອິດແລະສຸດທ້າຍ // gutters ເຫຼົ່ານີ້ເຮັດວຽກຄືກັບຂອບ: // ຖ້າໄລຍະຫ່າງລະຫວ່າງຖັນແມ່ນ 32px, gutters ແມ່ນ 16 "gutters. ": 16, "ຈາກ": 0, // ການເລີ່ມຕົ້ນຂອງຈຸດແບ່ງໃນ px // ຄ່າທາງເລືອກ // "ເຖິງ": 599, ຈຸດສິ້ນສຸດຂອງຈຸດແບ່ງໃນ px // ຕາຂ່າຍໄຟຟ້າຈະຢູ່ໃຈກາງຫຼັງຈາກນີ້ maxWidth ໃນ px // ຖ້າບໍ່ດັ່ງນັ້ນມັນ ' ll be full width // "maxWidth": 1440, // ຖ້າທ່ານຕ້ອງການຍ້າຍຕາຂ່າຍໄຟຟ້າ // (e.

g.

ໃນຄູ່ມືແບບທີ່ມີແຖບດ້ານຊ້າຍ // ເຈົ້າຈະໃຊ້ offsetLeft ເພື່ອຍູ້ຕາຂ່າຍໄຟຟ້າໄປທາງຂວາ // "offsetTop": 0, // "offsetRight": 0, // "offsetBottom": 0, // "offsetLeft ": 0, // "backgroundColors": { // "ຖັນ": "rgba(234, 23, 140, .

3)", // "gutters": "rgba(0, 231, 255, .

3)", // "ຂອບ": "rgba(0, 191, 165, .

3)" // } } ]

ຂໍ້​ມູນ​ເພີ່ມ​ເຕີມ:

- ສະເໜີໂດຍ imagentleman.github.io
- ຄະ​ແນນ​ສະ​ເລ່ຍ​: 4.33 ດາວ (ມັກ​ມັນ​)
- ນັກພັດທະນາ ທີ່ຢູ່ອີເມວນີ້ຈະຖືກປ້ອງກັນຈາກສະແປມບອດ. ທ່ານຈໍາເປັນຕ້ອງເປີດການໃຊ້ງານຈາວາດຄິບກ່ອນ.

CSS Grid Overlay ເວັບ extension ປະສົມປະສານກັບ OffiDocs Chromium ອອນໄລນ໌