ໃຊ້ CSS ເພື່ອວາງເອກສານທີ່ມີຮູບແບບກວ້າງຄົງທີ່

ການຈັດວາງຮູບແບບຄົງທີ່ສາມາດຍາກທີ່ຈະສູນກາງກັບບາງຕົວທ່ອງເວັບທີ່ມີຢູ່ໃນມັນ, ແຕ່ວ່າມັນກໍ່ເປັນໄປໄດ້, ມີພຽງແຕ່ສອງສາມລະຫັດ.

ນີ້ແມ່ນວິທີການ

1. ສ້າງຫນ້າເວັບໃຫມ່ທີ່ມີຄໍເຕົ້າໄຂ່ທີ່ CSS ໃນບັນນາທິການ HTML ຂອງທ່ານ.
2. ສ້າງອົງປະກອບ div ເປັນອົງປະກອບຕົ້ນຕໍໃນຫນ້າທີ່ທ່ານຈະເກັບທຸກສິ່ງທຸກຢ່າງໃນຫນ້າ.
3. ໃຫ້ອົງປະກອບ div ວ່າ ID ທີ່ເປັນເອກະລັກໃນຫນ້າ.
4. ເປີດເອກະສານແບບ CSS ຂອງທ່ານແລະກໍານົດຄວາມກວ້າງຂອງອົງປະກອບຂອງທ່ານ. div # main {width: 750px }
5. ເພີ່ມຂອບອັດຕະໂນມັດເພື່ອຈຸດໃຈກາງຂອງທ່ານ. div # main {width: 750px margin-left: auto margin-right: auto}
6. ເພື່ອແກ້ໄຂມັນສໍາລັບ Netscape 4, ແລະ IE 4-6 ( ໂຫມດ quirks ) ເພີ່ມຂໍ້ຄວາມທີ່ສອດຄ່ອງກັບຮ່າງກາຍ. ຮ່າງກາຍ {text-align: center; }
7. ແຕ່ຫຼັງຈາກນັ້ນທັງຫມົດຂໍ້ຄວາມພາຍໃນແມ່ນຈຸດໃຈກາງ, ສະນັ້ນ re-align text ໃນ #main div ຂອງທ່ານໂດຍການເພີ່ມ text-align: left; ໃນນັ້ນ. div # main {width: 750px margin-left: auto margin-right: auto text-align: left }
8. ບັນທຶກຫນ້າແລະເອກະສານສະໄຕຂອງທ່ານ.
9. ທົດສອບໃນຕົວທ່ອງເວັບເວັບຕ່າງໆ.

ຄໍາແນະນໍາ

ນີ້ຈະຕັ້ງໃຈໃສ່ກ່ອງຮູບແບບແຕ່ບໍ່ແມ່ນເນື້ອໃນພາຍໃນມັນ. ໃຊ້ຂໍ້ຄວາມທີ່ສອດຄ່ອງກັບຈຸດໃຈກາງຂອງເນື້ອໃນ.