Normal Flow

ການໄຫຼປົກກະຕິແມ່ນວິທີທີ່ອົງປະກອບຖືກສະແດງຢູ່ຫນ້າເວັບໃນສະພາບການທີ່ສຸດ. ອົງປະກອບທັງຫມົດໃນເອກະສານ HTML ແມ່ນພາຍໃນຫ້ອງທີ່ບໍ່ວ່າຈະຢູ່ໃນກ່ອງຂໍ້ມູນພາຍໃນຫຼືກ່ອງ.

ຈັດວາງກ່ອງຕັນ

ໃນການໄຫຼປົກກະຕິ, ກ່ອງຕັນແມ່ນຕັ້ງຢູ່ຫນ້າຫນຶ່ງຫຼັງຈາກທີ່ອື່ນ (ໃນຄໍາສັ່ງທີ່ພວກເຂົາຂຽນໃນ HTML ). ພວກເຂົາເລີ່ມຕົ້ນໃນເບື້ອງຊ້າຍດ້ານເທິງຂອງປ່ອງທີ່ມີບັນຈຸແລະ stack ຈາກເທິງຫາລຸ່ມ. ໄລຍະຫ່າງລະຫວ່າງຊ່ອງແຕ່ລະຄົນຖືກກໍານົດໂດຍຂອບໃບລຽບທີ່ມີຂອບຂອບດ້ານລຸ່ມແລະລຸ່ມລົງໃນກັນ.

ຕົວຢ່າງ, ທ່ານອາດຈະມີ HTML ຕໍ່ໄປນີ້:

ນີ້ແມ່ນສ່ວນທໍາອິດ. ມັນມີຄວາມກວ້າງ 200 pixels ດ້ວຍຂອບໃບ 5px ປະມານມັນ.

ນີ້ແມ່ນກວ້າງກວ່າ.

ນີ້ແມ່ນແຜ່ນທີ່ກວ້າງໃຫຍ່ກວ່າທີ່ສອງ.

ແຕ່ລະ DIV ເປັນອົງປະກອບບລັອກ, ດັ່ງນັ້ນມັນຈະຖືກຈັດໃສ່ຢູ່ໃຕ້ອົງປະກອບຕັນກ່ອນຫນ້ານີ້. ແຂນດ້ານຊ້າຍຂອງແຕ່ລະຈະສໍາຜັດກັບເບື້ອງຊ້າຍຂອງບລັອກທີ່ບັນຈຸ.

ຈັດວາງກ່ອງພາຍໃນ

ກ່ອງຂໍ້ມູນພາຍໃນແມ່ນວາງໄວ້ໃນຫນ້າຢຽດຕາມທາງຂວາງ, ຫນຶ່ງຫຼັງຈາກການເລີ່ມຕົ້ນອື່ນຢູ່ເທິງຂອງອົງປະກອບຂອງຖັງ. ໃນເວລາທີ່ບໍ່ມີຊ່ອງພຽງພໍທີ່ຈະເຫມາະສົມກັບອົງປະກອບທັງຫມົດຂອງກ່ອງຂໍ້ມູນໃນເສັ້ນຫນຶ່ງ, ພວກເຂົາຈະຫໍ່ໃສ່ເສັ້ນຕໍ່ໄປແລະ stack ແນວຕັ້ງຢູ່ນັ້ນ.

ຕົວຢ່າງເຊັ່ນໃນ HTML ຕໍ່ໄປນີ້:

ຂໍ້ຄວາມນີ້ແມ່ນ ກ້າຫານ ແລະຂໍ້ຄວາມນີ້ແມ່ນ ຕົວ ຈິງ. ແລະນີ້ແມ່ນຂໍ້ຄວາມທໍາມະດາ.

ວັກແມ່ນອົງປະກອບຕັນ, ແຕ່ວ່າມີອົງປະກອບພາຍໃນ 5 ແມ່ນ:

ສະນັ້ນການໄຫຼປົກກະຕິແມ່ນວິທີການຕັນເຫຼົ່ານີ້ແລະອົງປະກອບພາຍໃນຈະສະແດງຢູ່ໃນຫນ້າເວັບໂດຍບໍ່ມີການແຊກແຊງໂດຍຜູ້ອອກແບບເວັບໄຊຕ໌.

ຖ້າທ່ານຕ້ອງການຜົນກະທົບທີ່ມີອົງປະກອບຢູ່ໃນຫນ້າທີ່ທ່ານສາມາດນໍາໃຊ້ CSS ຕໍາແຫນ່ງຫຼື floats CSS .