ການໃຊ້ CSS Property Line-Height ເພື່ອໃຫ້ CSS Line Spacing
ຮຽນຮູ້ວິທີການນໍາໃຊ້ຄຸນລັກສະນະແບບ CSS ແບບເສັ້ນ - ສູງເພື່ອສົ່ງຜົນກະທົບຕໍ່ຊ່ອງຫວ່າງເສັ້ນຂອງທ່ານໃນຫນ້າເວັບຂອງທ່ານ.
ຄ່າ CSS Line Spacing
ເສັ້ນຜ່າຕັດເສັ້ນ CSS ໄດ້ຮັບຜົນກະທົບຈາກຄຸນລັກສະນະ CSS style line height. ຊັບສິນນີ້ໃຊ້ເວລາເຖິງ 5 ຄຸນຄ່າທີ່ແຕກຕ່າງກັນ:
- ປົກກະຕິ: ຕົວທ່ອງເວັບກໍານົດມູນຄ່າສໍາລັບໄລຍະເສັ້ນທີ່ກ່ຽວຂ້ອງກັບຂະຫນາດຕົວອັກສອນ. ນີ້ແມ່ນປົກກະຕິຄືກັນກັບຂະຫນາດຕົວອັກສອນຫຼືເລັກນ້ອຍ (ຄື 20%).
- ມູນມໍລະດົກ: ຊ່ອງຫວ່າງຄວນຈະຖືກນໍາມາຈາກຊ່ອງຫວ່າງຂອງອົງປະກອບແມ່. ດັ່ງນັ້ນ, ຖ້າທ່ານກໍານົດເສັ້ນສູງຂອງເສັ້ນໂຄ້ງຂອງຮ່າງກາຍຂອງທ່ານໃຫ້ 30% ຂະຫນາດໃຫຍ່ກ່ວາຂະຫນາດຕົວອັກສອນແລະແທັກຄໍາທີ່ຢູ່ໃນທີ່ກໍານົດຈະສືບທອດ, ພວກເຂົາກໍ່ຈະມີເສັ້ນສູງ 30% ຂະຫນາດໃຫຍ່ກວ່າຂະຫນາດຕົວອັກສອນ.
- ຈໍານວນ: ຖ້າຄ່າເສັ້ນສູງບໍ່ມີຫນ່ວຍວັດ, ມັນຖືກຖືວ່າເປັນຕົວຄູນເທິງຂະຫນາດຕົວອັກສອນສໍາລັບເສັ້ນສູງ. ດັ່ງນັ້ນ, ເສັ້ນຄວາມສູງຂອງ 1,25 ເປັນ 25% ຂະຫນາດໃຫຍ່ກ່ວາຂະຫນາດຕົວອັກສອນ.
- ຄວາມຍາວ: ຖ້າວ່າມູນຄ່າສາຍເສັ້ນສູງມີຫນ່ວຍວັດ, ນັ້ນແມ່ນຈໍານວນເງິນທີ່ແນ່ນອນຄວນຈະຢູ່ລະຫວ່າງເສັ້ນ. ດັ່ງນັ້ນ, 1.25 ມມຈະເຮັດໃຫ້ເສັ້ນທີ່ແຕກຕ່າງກັນ 1,25 ມິນລິເມດ.
- ເປີເຊັນ: ຖ້າເສັ້ນສູງແມ່ນເປີເຊັນ, ມັນຈະເປັນເປີເຊັນຂອງຂະຫນາດຕົວອັກສອນ. ສະນັ້ນ, ເສັ້ນທາງຍາວຂອງ 125% ແມ່ນ 25% ຂະຫນາດໃຫຍ່ກ່ວາຂະຫນາດຕົວອັກສອນ.
ມູນຄ່າທີ່ທ່ານຄວນນໍາໃຊ້ສໍາລັບ CSS Spacing Spacing
ໃນກໍລະນີຫຼາຍທີ່ສຸດ, ທາງເລືອກທີ່ດີທີ່ສຸດສໍາລັບໄລຍະເສັ້ນແມ່ນປ່ອຍໄວ້ໃນຕອນຕົ້ນ - ຫຼື "ປະກະຕິ". ນີ້ແມ່ນປົກກະຕິທີ່ສຸດທີ່ສາມາດອ່ານໄດ້ແລະບໍ່ຕ້ອງການໃຫ້ທ່ານເຮັດຫຍັງທີ່ພິເສດ. ແຕ່ການປ່ຽນແປງໄລຍະເສັ້ນສາມາດເຮັດໃຫ້ຂໍ້ຄວາມຂອງທ່ານມີຄວາມຮູ້ສຶກແຕກຕ່າງກັບມັນ.
ຖ້າ ຂະຫນາດຕົວອັກສອນ ຂອງທ່ານ ຖືກກໍານົດເປັນ ems ຫຼືຮ້ອຍລະ, ເສັ້ນເສັ້ນຂອງທ່ານຄວນຈະຖືກກໍານົດຕາມນັ້ນ. ນີ້ແມ່ນຮູບແບບທີ່ມີຄວາມຍືດຢຸ່ນຫຼາຍທີ່ສຸດຂອງຊ່ອງຫວ່າງເພາະວ່າມັນອະນຸຍາດໃຫ້ຜູ້ອ່ານປັບຂະຫນາດຂອງຕົວອັກສອນຂອງເຂົາເຈົ້າແລະຮັກສາອັດຕາດຽວກັນໃນໄລຍະເສັ້ນຂອງທ່ານ.
ກໍານົດລະດັບຄວາມສູງຂອງເສັ້ນສໍາລັບຮູບແບບພິມທີ່ມີຈຸດ (pt). ຈຸດແມ່ນມາດຕະການພິມ, ແລະດັ່ງນັ້ນຂະຫນາດຂອງຕົວອັກສອນຂອງທ່ານຄວນຢູ່ໃນຈຸດຕ່າງໆເຊັ່ນກັນ.
ຂ້າພະເຈົ້າບໍ່ມັກໃຊ້ຕົວເລືອກຈໍານວນເພາະວ່າຂ້າພະເຈົ້າພົບວ່າມັນເປັນຄວາມສັບສົນທີ່ສຸດຕໍ່ປະຊາຊົນ. ປະຊາຊົນຈໍານວນຫຼາຍຄິດວ່າຈໍານວນແມ່ນຂະຫນາດຢ່າງແທ້ຈິງ, ແລະດັ່ງນັ້ນພວກເຂົາເຈົ້າເຮັດໃຫ້ມັນ huge. ຕົວຢ່າງ, ທ່ານອາດຈະມີຕົວກໍານົດໄວ້ 14px ແລະຫຼັງຈາກນັ້ນທ່ານກໍານົດລະດັບເສັ້ນຂອງທ່ານເຖິງ 14 - ຊຶ່ງຈະເຮັດໃຫ້ຊ່ອງຫວ່າງທີ່ຫຼາກຫຼາຍລະຫວ່າງເສັ້ນ - ເນື່ອງຈາກວ່າຊ່ອງຫວ່າງແມ່ນ 14 ເທົ່າ ກັບຂະຫນາດຕົວອັກສອນ.
ວິທີໃດທີ່ທ່ານຄວນໃຊ້ສໍາລັບໄລຍະເສັ້ນຂອງທ່ານ
ດັ່ງທີ່ຂ້າພະເຈົ້າໄດ້ກ່າວມາຂ້າງເທິງ, ຂ້າພະເຈົ້າຂໍແນະນໍາໃຫ້ໃຊ້ເສັ້ນໄລຍະເສັ້ນຄ່າມາດຕະຖານເວັ້ນເສຍແຕ່ວ່າທ່ານມີເຫດຜົນທີ່ແນ່ນອນໃນການປ່ຽນແປງມັນ. ການປ່ຽນແປງຊ່ອງຫວ່າງສາມາດມີຜົນກະທົບຕ່າງໆ:
- ຂໍ້ຄວາມທີ່ແຫນ້ນຫນາແຫນ້ນກັນສາມາດອ່ານຍາກ. ແຕ່ຊ່ອງຫວ່າງຂະຫນາດນ້ອຍສາມາດສົ່ງຜົນກະທົບຕໍ່ໂປຣໄຟລຂອງຂໍ້ຄວາມ. ຖ້າຂໍ້ຄວາມຖືກ scrunched ຮ່ວມກັນມັນສາມາດເຮັດໃຫ້ຄວາມຮູ້ສຶກຂອງຂໍ້ຄວາມເບິ່ງຄືວ່າມີສີເຂັ້ມຂຸ້ນຫຼືຫຼາຍກວ່າ.
- ຂໍ້ຄວາມທີ່ຢູ່ຫ່າງໄກນອກຍັງສາມາດອ່ານຍາກ. ແຕ່ຊ່ອງຫວ່າງກວ້າງເຮັດໃຫ້ຂໍ້ຄວາມເບິ່ງຄືວ່າໄຫຼແລະນ້ໍາ.
- ການປ່ຽນແປງຊ່ອງຫວ່າງສາມາດເຮັດໃຫ້ຂໍ້ຄວາມວ່າຖ້າບໍ່ດັ່ງນັ້ນຈະບໍ່ເຫມາະສົມໃນພື້ນທີ່ຈະຫນາແຫນ້ນຫຼືໃຊ້ພື້ນທີ່ຫຼາຍໃນການອອກແບບຂອງທ່ານ.