ປະເພດ CSS grid-auto-rows

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

grid-auto-rows 属性ຕັ້ງຂະໜາດວົງໂລກສຳລັບວົງໂລກ.

ປະສົມດັ່ງກ່າວຈະມີຜົນກະທົບພຽງແຕ່ວົງໂລກທີ່ບໍ່ມີຄວາມຍາວທີ່ຕັ້ງຕັດ.

ບັນປະຊາການອື່ນໆ:

ການສອນ CSS:CSS Grid Layout

ປຶ້ມການປະກອບກຳລັງ CSS:grid-auto-columns 属性

ຄວາມລະບຸ

ການຕັ້ງຂະໜາດວົງໂລກດ້ວຍຄວາມຍາວທີ່ມີຄວາມຜົນງານຂອງວົງໂລກ.

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

ທ້າທາຍຕົວເອງ

ສັບພາສາ CSS

grid-auto-rows: auto|max-content|min-content|length;

ຄູ່ມູນຂອງປະສົມ

ຄູ່ມູນ ການອະທິບາຍ
auto ຄູ່ມູນລະບົບ. ຂະໜາດວົງໂລກຈະຕັ້ງຕັດຈາກຂະໜາດອຸປະກອນທີ່ໃຫຍ່ທີ່ສຸດໃນວົງໂລກ.
max-content ຕັ້ງຂະໜາດວົງໂລກຕໍ່ກັບຂະໜາດອຸປະກອນທີ່ໃຫຍ່ທີ່ສຸດໃນວົງໂລກ.
min-content ຕັ້ງຂະໜາດວົງໂລກຕໍ່ກັບຂະໜາດອຸປະກອນທີ່ໃຫຍ່ທີ່ສຸດໃນວົງໂລກ.
length ການຕັ້ງຂະໜາດວົງໂລກດ້ວຍຄວາມຍາວທີ່ມີຄວາມຜົນງານ. ບັນປະຊາການ:ອຸປະກອນການວັດແທກ.

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄູ່ມູນລະບົບ: auto
ນຳເຂົ້າມາຈາກ: ບໍ່
ການສ້າງອາກາດ: ສະໜັບສະໜູນ. ບັນປະຊາການ:ປະສົມປະສານທາງອາກາດ.
ສະຖານະການ: CSS Grid Layout Module Level 1
ສັບພາສາ JavaScript: object.style.gridAutoRows="60px"

ການສະໜັບສະໜູນບັນຊີບັດບານ

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

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