ການນໍາໃຊ້ຊັບສິນ CSS Text-Align ເພື່ອ justify ຂໍ້ຄວາມ
ຫນຶ່ງໃນຄຸນສົມບັດຂອງ typography ເວັບໄຊຕ໌ທີ່ທ່ານອາດຈະເລືອກທີ່ຈະປັບປຸງໃນໄລຍະການພັດທະນາຂອງເວັບໄຊທ໌ເປັນວິທີການຂໍ້ຄວາມຂອງເວັບໄຊທ໌ໄດ້ຖືກຍົກເວັ້ນ. ໂດຍຄ່າເລີ່ມຕົ້ນ, ຂໍ້ຄວາມເວັບໄຊທ໌ໄດ້ຖືກຍົກເວັ້ນທີ່ຖືກຕ້ອງແລະນີ້ແມ່ນວິທີການຈໍານວນເວັບໄຊທ໌ຈົ່ງອອກຈາກຂໍ້ຄວາມ. ຕົວເລືອກອື່ນເທົ່ານັ້ນທີ່ມີຄວາມຖືກຕ້ອງ, ເຊິ່ງບໍ່ມີໃຜໃຊ້ຢູ່ໃນເວັບໄຊທ໌ເພາະວ່າມັນຈະເຮັດໃຫ້ຂໍ້ຄວາມທີ່ບໍ່ສາມາດອ່ານອອນໄລນ໌, ຫລືສິ່ງທີ່ເປັນທີ່ຮູ້ຈັກຢ່າງເຕັມທີ່.
ຂໍ້ຄວາມທີ່ ຖືກຕ້ອງແມ່ນບລັອກຂອງຂໍ້ຄວາມທີ່ສອດຄ່ອງກັບດ້ານຊ້າຍແລະຂວາ, ເຊິ່ງກົງກັນຂ້າມກັບພຽງແຕ່ຫນຶ່ງຂອງສອງດ້ານ (ເຊິ່ງແມ່ນສິ່ງທີ່ "ໄວ້" ແລະ "ຖືກຕ້ອງ"). ຜົນກະທົບທີ່ຖືກຕ້ອງສອງເທົ່າແມ່ນສໍາເລັດໂດຍການດັດປັບຄໍາສັບແລະຕົວອັກສອນໃນແຕ່ລະຂໍ້ຄວາມເພື່ອໃຫ້ແນ່ໃຈວ່າແຕ່ລະເສັ້ນແມ່ນຄວາມຍາວດຽວກັນ. ຜົນກະທົບນີ້ເອີ້ນວ່າ ເຫດຜົນອັນສົມບູນ . ທ່ານ justify ຂໍ້ຄວາມໃນ CSS ໂດຍໃຊ້ຄຸນສົມບັດ text-align .
ການແກ້ໄຂການເຮັດວຽກແມ່ນແນວໃດ?
ເຫດຜົນທີ່ທ່ານເຫັນເລື້ອຍໆຂອບບໍ່ຖືກຕ້ອງຢູ່ເບື້ອງຂວາຂອງຂໍ້ຄວາມແມ່ນເນື່ອງຈາກວ່າແຕ່ລະເສັ້ນຂອງຂໍ້ຄວາມບໍ່ແມ່ນຄວາມຍາວດຽວກັນ. ບາງເສັ້ນມີຫລາຍຄໍາຫຼືຄໍາສັບທີ່ຍາວກວ່າໃນຂະນະທີ່ຄົນອື່ນມີຄໍາສັບຫນ້ອຍຫຼືສັ້ນ. ເພື່ອແກ້ໄຂຂໍ້ຂັດແຍ່ງຂອງຂໍ້ຄວາມນັ້ນ, ສະຖານທີ່ພິເສດຕ້ອງໄດ້ຖືກເພີ່ມໃສ່ສາຍບາງຢ່າງເພື່ອໃຫ້ອອກເສັ້ນທັງຫມົດແລະເຮັດໃຫ້ພວກເຂົາສອດຄ່ອງ.
ທຸກຜູ້ຜະລິດເບົາເຊີເວັບມີ ລະບົບວິທີການ ຂອງຕົນເອງສໍາລັບການໃຊ້ສະຖານທີ່ພິເສດພາຍໃນເສັ້ນ. ຕົວທ່ອງເວັບຊອກຫາຄວາມຍາວ, ການຜູກມັດແລະປັດໃຈອື່ນໆເພື່ອກໍານົດບ່ອນທີ່ວາງສະຖານທີ່.
ດັ່ງນັ້ນ, ຂໍ້ຄວາມທີ່ຖືກຕ້ອງອາດຈະບໍ່ມີລັກສະນະຄ້າຍຄືກັນຈາກຕົວທ່ອງເວັບໄປອີກຕໍ່ໄປ. ນີ້ແມ່ນດີເນື່ອງຈາກບໍ່ມີຜູ້ເຂົ້າຊົມເວັບໄຊຈະເຕັ້ນໄປຫາຈາກຕົວທ່ອງເວັບກັບຄົນອື່ນເພື່ອປຽບທຽບຄວາມຍາວຂອງເສັ້ນເວັບໄຊຂອງທ່ານ! ຮັບປະກັນຢ່າງໃດກໍ່ຕາມ, ວ່າການສະຫນັບສະຫນູນຂອງຕົວທ່ອງເວັບທີ່ສໍາຄັນແມ່ນດີສໍາລັບການແກ້ໄຂຂໍ້ຄວາມທີ່ມີ CSS.
ວິທີການແກ້ໄຂຂໍ້ຄວາມ
Justifying text with CSS requires a section of text to justify.
ໂດຍປົກກະຕິ, ນີ້ແມ່ນເຮັດໃຫ້ວັກຂອງຂໍ້ຄວາມເນື່ອງຈາກຂະຫນາດໃຫຍ່ຂອງຂໍ້ຄວາມສະພາບການທີ່ກວມເອົາເສັ້ນຫຼາຍຈະຖືກຫມາຍດ້ວຍແທັກວັກ.
ຫຼັງຈາກທີ່ທ່ານມີເນື້ອໃນຂໍ້ຄວາມທີ່ເຫມາະສົມ, ມັນເປັນພຽງແຕ່ການຕັ້ງແບບໃຫ້ມີ ຄວາມສອດຄ່ອງກັບ ຄຸນລັກສະນະແບບ CSS ສອດຄ່ອງ .
text-align: justify;
ທ່ານຈໍາເປັນຕ້ອງນໍາໃຊ້ກົດລະບຽບ CSS ນີ້ໄປຫາຕົວເລືອກທີ່ເຫມາະສົມເພື່ອໃຫ້ໄດ້ຂໍ້ຄວາມຂອງຂໍ້ຄວາມທີ່ຈະເຮັດໃຫ້ເປັນຈຸດປະສົງ.
ເມື່ອຕ້ອງການແກ້ໄຂຂໍ້ຄວາມ
ປະຊາຊົນຈໍານວນຫຼາຍມັກເບິ່ງຮູບທີ່ຖືກຕ້ອງຈາກທັດສະນະຂອງການອອກແບບ, ສ່ວນໃຫຍ່ແມ່ນຍ້ອນວ່າມັນສ້າງຮູບແບບທີ່ຖືກຕ້ອງແລະຖືກຕ້ອງ, ແຕ່ມີຂໍ້ຈໍາກັດໃນການແກ້ໄຂຂໍ້ຄວາມຢ່າງເຕັມສ່ວນໃນຫນ້າເວັບ.
ຫນ້າທໍາອິດ, ຂໍ້ຄວາມທີ່ຖືກຕ້ອງສາມາດຍາກທີ່ຈະອ່ານ. ນີ້ແມ່ນຍ້ອນວ່າເວລາທີ່ທ່ານອະນຸຍາດໃຫ້ຂໍ້ຄວາມ, ຫຼາຍໆພື້ນທີ່ພິເສດບາງຄັ້ງກໍ່ສາມາດຖືກເພີ່ມຂຶ້ນລະຫວ່າງຄໍາທີ່ຢູ່ໃນເສັ້ນ. ຊ່ອງຫວ່າງທີ່ບໍ່ສອດຄ່ອງດັ່ງກ່າວສາມາດເຮັດໃຫ້ຂໍ້ຄວາມທີ່ມີຄວາມຫຍຸ້ງຍາກໃນການອ່ານ. ນີ້ແມ່ນສິ່ງສໍາຄັນໂດຍສະເພາະໃນຫນ້າເວັບທີ່ສາມາດອ່ານໄດ້ຍາກເນື່ອງຈາກມີແສງ, ຄວາມລະອຽດຫຼືຄຸນນະພາບຮາດແວອື່ນໆ. ການເພີ່ມສະຖານທີ່ຜິດປົກກະຕິກັບຂໍ້ຄວາມສາມາດເຮັດໃຫ້ສະຖານະການບໍ່ດີກໍ່ຮ້າຍແຮງຂຶ້ນ.
ນອກເຫນືອໄປຈາກບັນຫາຄວາມສາມາດອ່ານໄດ້, ສະຖານທີ່ຫວ່າງໆບາງຄັ້ງເຊື່ອມໂຍງກັບຄົນອື່ນເພື່ອສ້າງ "້ໍາ" ຂອງພື້ນທີ່ສີຂາວໃນກາງຂໍ້ຄວາມ.
ຊ່ອງຫວ່າງໃຫຍ່ຂອງພື້ນທີ່ສີຂາວກໍ່ສາມາດເຮັດໃຫ້ການສະແດງທີ່ງຸ່ມງ່າມ. ນອກຈາກນັ້ນ, ໃນໄລຍະສັ້ນໆ, ຄວາມຍຸຕິທໍາສາມາດເຮັດໃຫ້ສາຍທີ່ມີຄໍາສັບຫນຶ່ງທີ່ມີຊ່ອງຫວ່າງລະຫວ່າງຕົວອັກສອນຕົວເອງ.
ດັ່ງນັ້ນ, ເມື່ອທ່ານຄວນໃຊ້ຂໍ້ຄວາມແນວໃດ? ເວລາທີ່ດີທີ່ສຸດເພື່ອແກ້ຕົວຂໍ້ຄວາມເກີດຂື້ນໃນເວລາທີ່ເສັ້ນຍາວແລະຂະຫນາດຕົວອັກສອນຂະຫນາດນ້ອຍ (ບາງສິ່ງບາງຢ່າງທີ່ຍາກທີ່ຈະຮັບປະກັນໃນເວັບໄຊທ໌ທີ່ຕອບສະຫນອງທີ່ມີຄວາມຍາວຂອງການປ່ຽນແປງໂດຍອີງຕາມຂະຫນາດຫນ້າຈໍ). ບໍ່ມີຈໍານວນຍາກແລະລວດໄວສໍາລັບໄລຍະຂອງເສັ້ນຫຼືຂະຫນາດຂອງຂໍ້ຄວາມ, ທ່ານຕ້ອງໃຊ້ຄໍາຕັດສິນທີ່ດີທີ່ສຸດຂອງທ່ານ.
ຫຼັງຈາກທີ່ທ່ານນໍາໃຊ້ແບບອັກສອນທີ່ສອດຄ່ອງກັບຂໍ້ຄວາມທີ່ຖືກຕ້ອງ, ທົດສອບໃຫ້ແນ່ໃຈວ່າຂໍ້ຄວາມບໍ່ມີຊ່ອງຫວ່າງສີຂາວ - ແລະໃຫ້ແນ່ໃຈວ່າຈະທົດສອບມັນຢູ່ໃນຂະຫນາດຕ່າງໆ.
ວິທີທີ່ງ່າຍທີ່ສຸດໃນການເຮັດສິ່ງນີ້ແມ່ນເພື່ອເບິ່ງມັນດ້ວຍຕາທີ່ຫ່າງໆ. ແມ່ນ້ໍາທີ່ໂດດເດັ່ນເປັນສີຂາວໃນສີຂີ້ເຖົ່າຂອງຂໍ້ຄວາມ. ຖ້າທ່ານເຫັນແມ່ນ້ໍາ, ທ່ານຄວນປ່ຽນແປງຂະຫນາດຂໍ້ຄວາມຫຼືຄວາມກວ້າງຂອງຂໍ້ຄວາມເພື່ອກໍາຈັດບັນດານ້ໍາທີ່ບໍ່ຖືກຕ້ອງ.
ພຽງແຕ່ໃຊ້ justification ຫຼັງຈາກທີ່ທ່ານໄດ້ປຽບທຽບກັບຂໍ້ຄວາມທີ່ຢູ່ທາງຊ້າຍທີ່ເຫັນໃນບົດຄວາມນີ້. ທ່ານເຮັດເຊັ່ນດຽວກັນກັບຄວາມສອດຄ່ອງຂອງການສົມເຫດສົມຜົນຢ່າງເຕັມທີ່, ແຕ່ມາດຕະຖານໄວ້ຂໍ້ຄວາມທີ່ຖືກຕ້ອງແມ່ນມັກຈະອ່ານໄດ້. ໃນທີ່ສຸດ, ທ່ານຄວນຍືນຍັນຂໍ້ຄວາມເພາະວ່າທ່ານໄດ້ເລືອກທີ່ຈະແກ້ໄຂຂໍ້ຄວາມສໍາລັບຈຸດປະສົງການອອກແບບແລະຢືນຢັນວ່າເວັບໄຊທ໌ຂອງທ່ານຍັງງ່າຍຕໍ່ການອ່ານ.