CSS Margin Collapse
- ການກ່ຽວກັບ CodeW3C.com CSS Margin
- CSS margin-top CSS Padding
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。
合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
外边距合并
外边距合并(叠加)是一个相当简单的概念。但是,在实践中对网页进行布局时,它会造成许多混淆。
简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
ຖ້າສິ່ງທີ່ມີ Margin ກຳລັງຢູ່ໃນສິ່ງອື່ນໆ, Marginທີ່ຢູ່ໃນສິ່ງທີ່ຢູ່ໃນຕົວມາທີ່ຢູ່ທາງກາງຈະປະສົມເຂດພຽງພຽງດຽວພຽງ. ບັນດາພາສາທີ່ຈະສະແດງຄວາມທຳມະດານີ້:

ຖ້າສິ່ງທີ່ມີ Margin ກຳລັງຢູ່ໃນສິ່ງອື່ນໆ (ຄວາມຄິດວ່າບໍ່ມີ Padding ຫຼື Border ທີ່ຈະສະຕັບການ Margin), Marginຂອງພາສາຈະປະສົມເຂດພຽງພຽງດຽວພຽງ. ບັນດາພາສາທີ່ຈະສະແດງຄວາມທຳມະດານີ້:

ເຖິງວ່າທຳມະດາບາງຄົນຫາກມີຄວາມຜິດຫວັງ, Marginຈະມີການປະສົມເຂດພຽງພຽງດຽວພຽງຕາມຕົວມາຕົວຕາມຕົວພຽງພຽງດຽວພຽງ.
ພົບວ່າມີສິ່ງທີ່ບໍ່ມີການຈັດສະພາບຫຼັງຄືນມາລາວ, ພາສາທີ່ມີ Margin ທີ່ບໍ່ມີການຈັດສະພາບຫຼັງຄືນມາລາວຫຼືບັນປະກອບ, ໃນກໍລະນີນີ້, Marginທີ່ຕິດຕັ້ງຕາມລັດຖະບານຄຳສັ່ງຈະພົບກັບການຕິດຕັ້ງຕາມລັດຖະບານຄຳສັ່ງຈະເກີດຂຶ້ນ:

ຖ້າການປະສົມເຂດນີ້ພົບກັບພາສາຂອງສິ່ງອື່ນໆ, ການປະສົມເຂດຈະຈະເກີດຂຶ້ນ:

ນີ້ແມ່ນເຫດຜົນທີ່ພາສາການປະສົມເຂດ Margin ຈະມີຄວາມນ້ອຍທີ່ຫຼາຍຂຶ້ນຍ້ອນພາສາທັງໝົດຈະປະສົມເຂດພຽງພຽງດຽວພຽງ.
ການປະສົມເຂດ Margin ທຳມະດາບາງຄົນຫາກມີຄວາມຜິດຫວັງແຕ່ບໍ່ສາມາດຍົກຍ້ອງໄດ້. ຕົວຢ່າງທີ່ຈະສະແດງຄວາມທຳມະດາຂອງວັດສະດຸທີ່ບັນປະກອບດ້ວຍຫຼາຍພັດທະນາ. ພາສາທີ່ຢູ່ໃນວັດສະດຸທີ່ບັນປະກອບດ້ວຍຫຼາຍພັດທະນາຈະມີຈຸດນ້ອຍທີ່ຫຼາຍຂຶ້ນຍ້ອນພາສາທັງໝົດຈະປະສົມເຂດພຽງພຽງດຽວພຽງ.

ຄວາມຄິດ:ພຽງແຕ່ພາສາຫຼັກທີ່ຢູ່ໃນທຳມະດາການແຜ່ກະຈາຍເປັນສອງຝາກຈະມີການປະສົມເຂດຫຼັງຄືນມາລາວ. ພາສາທີ່ຢູ່ໃນການຍົກມູນນິຍົມ, ການອອກຮູບປະກາດທີ່ພັດທະນາຫຼືການຕິດຕັ້ງຕາມລັດຖະບານຄຳສັ່ງຈະບໍ່ມີການປະສົມເຂດ.
ພາສາ CSS Margin Property
CSS margin | CSS margin-bottom |
---|---|
CSS margin | CodeW3C.com |
CSS margin-top | CSS margin-right |
CSS margin-left | CSS margin-bottom |
CSS margin | CodeW3C.com |
ການນຳໃຊ້ | ການຊ່ວຍເຫຼືອ CodeW3C.com |
- ການກ່ຽວກັບ CodeW3C.com CSS Margin
- CSS margin-top CSS Padding