ຖ້າທ່ານເປັນຜູ້ອອກແບບເວັບໄຊທ໌ໃຫມ່, ທ່ານອາດມີຄໍາຖາມກ່ຽວກັບວິທີການໃສ່ຂໍ້ຄວາມພາຍໃນຂອງຕາຕະລາງຕາຕະລາງ. ດ້ວຍຄໍາແນະນໍານີ້, ໃຫ້ສັງເກດວິທີການນີ້ໃນສອງສາມນາທີ. ມັນງ່າຍ - ເຖິງແມ່ນວ່າທ່ານບໍ່ເຄີຍພະຍາຍາມກ່ອນ.
ການເລີ່ມຕົ້ນ
ຂໍ້ມູນສູນກາງຂອງຫ້ອງແມ່ນຖືກເຮັດໄດ້ດີທີ່ສຸດດ້ວຍ CSS, ຄືກັນກັບວ່າທ່ານຈະໃສ່ ຂໍ້ຄວາມ ໃນສ່ວນອື່ນໃນຫນ້າເວັບຂອງທ່ານ. ກ່ອນທີ່ທ່ານຈະເລີ່ມຕົ້ນ, ຢ່າງໃດກໍຕາມ, ທ່ານຈໍາເປັນຕ້ອງຕັດສິນໃຈວ່າທ່ານແນ່ໃຈວ່າທ່ານຕ້ອງການຫຍັງ. ມີຕາຕະລາງ, ທ່ານມີທາງເລືອກຫຼາຍ, ລວມທັງທຸກໆຈຸລັງໃນຕາຕະລາງ; ທຸກໆຫ້ອງ header ໃນຕາຕະລາງທຸກໆຫ້ອງໃນຕາຕະລາງຕາຕະລາງ, ຮ່າງກາຍຕາຕະລາງຫຼືຕາຕະລາງ. ນອກນັ້ນທ່ານຍັງສາມາດຕັ້ງສູນກາງຫລືຊຸດຂອງເຊນພາຍໃນຕາຕະລາງ.
ນອກຈາກນັ້ນ, ທ່ານຄວນສ້າງ ເອກະສານສະໄຕພາຍ ໃນຫົວຫນ້າເອກະສານຂອງທ່ານຫຼືຄັດຕິດເອກະສານເປັນ ເອກະສານສະໄຕພາຍນອກ . ທ່ານຈະເຮັດໃຫ້ຄໍເຕົ້າໄຂ່ທີ່ສູນກາງຕາລາງຂອງທ່ານຢູ່ໃນເອກະສານແບບນັ້ນ.
ວິທີການສູນທຸກໆເຊນໃນຕາຕະລາງ
ເພີ່ມສາຍຕໍ່ໄປໃສ່ແຜ່ນສະໄຕຂອງທ່ານ:
td, th {text-align: center }ວິທີການໃສ່ສູນທຸກໆຫົວຂໍ້ໃນຕາຕະລາງ
ເພີ່ມສາຍຕໍ່ໄປໃສ່ແຜ່ນສະໄຕຂອງທ່ານ:
th {text-align: center }ການກໍາຈັດທຸກໆຈຸລັງໃນຕາຕະລາງ, ຮ່າງກາຍຫຼືຕີນ
ເພື່ອຈຸດໃຈກາງຂອງຈຸລັງເຫຼົ່ານີ້, ທ່ານຈໍາເປັນຕ້ອງເພີ່ມແທັບຕາທີ່ບໍ່ໄດ້ຖືກນໍາໃຊ້, ເຊັ່ນ ,
ແລະ . ຫຼັງຈາກນັ້ນ, ທ່ານຈະອ້ອມຮອບຕາຕະລາງຂອງທ່ານດ້ວຍແທັບເຫຼົ່ານີ້ເພື່ອລະບຸຫົວຫນ້າຂອງຮ່າງກາຍ, ຮ່າງກາຍແລະຕີນ. ຫຼັງຈາກນັ້ນ, ທ່ານຈະຕື່ມຂໍ້ມູນຕໍ່ໄປນີ້ໃຫ້ແກ່ເອກະສານສະໄຕຂອງທ່ານ: ທ່ານກ່າວວ່າ, thead td {text-align: center; } tbody th, tbody {text-align: center } tfoot th, tfoot td {text-align: center }ດຶງອອກຈາກຮູບແບບສໍາລັບພື້ນທີ່ທີ່ທ່ານບໍ່ຕ້ອງການໃຫ້ສູນກາງ.
ວິທີການຕັ້ງສູນຫຼືຈຸລັງສະເພາະໃດຫນຶ່ງໃນຕາຕະລາງ
ເພື່ອເຮັດສິ່ງນີ້, ທ່ານຈໍາເປັນຕ້ອງຕັ້ງຫ້ອງຮຽນໃສ່ຈຸລັງທີ່ທ່ານຕ້ອງການທີ່ຈະເຮັດໃຫ້ສູນກາງ.
ເພີ່ມຄຸນສົມບັດຕໍ່ໄປນີ້ໃຫ້ແກ່ຕາຕະລາງຕາຕະລາງທີ່ທ່ານຕ້ອງການໃຫ້ມີຈຸດສູນກາງ:
ຫຼັງຈາກນັ້ນ, ຕື່ມການດັ່ງຕໍ່ໄປນີ້ກັບເອກະສານສະໄຕຂອງທ່ານ:
centered-cell {text-align: center; }ທ່ານສາມາດເພີ່ມຫ້ອງຮຽນນີ້ກັບຫ້ອງໃດໆໃນຕາຕະລາງຂອງທ່ານ.
Wrapping Up
ຢ່າລັງເລທີ່ຈະໃຊ້ຮູບແບບເຫຼົ່ານີ້ໃນທຸກໆຈຸລັງຕາຕະລາງຂອງທ່ານ. ທ່ານສາມາດນໍາໃຊ້ພວກມັນໃນຈຸລັງທີ່ຖືກລວບລວມຫຼືຢູ່ໃນແຕ່ລະຈຸລັງແລະຂໍ້ຄວາມພາຍໃນຈະຖືກສູນກາງ.