ລະບົບfloat CSS

  • ການເບິ່ງຫົວໜ້າກ່ອນ flex-wrap
  • ຕໍ່ມາ font

定义和用法

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。

ອ່າງຕື່ມ:

ຄູ່ມົນມຸນ CSS:ການຕິດຕັ້ງ CSS

ຄູ່ມົນມຸນ HTML DOM:cssFloat 属性

ຄວາມລະອຽດ

ຫົວໜ້າພາບຂຶ້ນທີ່ຂວາ:

img
  {
  float:right;

ທຳນາຍຕອບເບິ່ງ

ສັບພາສາ CSS

float: none|left|right|initial|inherit;

ຄວາມມູນຂອງບັນຍັດ

ຄວາມມູນ ການອະທິບາຍ
left ປະກອບປະກອງຂຶ້ນທີ່ທຳມະດາ.
right ປະກອບປະກອງຂຶ້ນທີ່ທຳມະດາ.
none ຄູ່ມົນມຸນ. ປະກອບປະກອງບໍ່ຢູ່ທີ່ທຳມະດາ, ແລະຈະສະແດງຢູ່ໃນບ່ອນທີ່ລາວຢູ່ໃນຂະນະກຳຫນົດ.
inherit ມີຄວາມສຳຄັນຂອງຄັດຄະນະວ່າບັນຍັດ float ຄວນຖືກສະແດງຈາກປະກອບປະກອບຜູ້ພົນລະເຮືອນ.

ລາຍລະອຽດດ້ານເຕັກນິກ

ຄູ່ມົນມຸນທີ່ມາຈາກຜູ້ພົນລະເຮືອນ: none
ການຕໍາເວັບປະສົມ: no
ຮູບແບບ: CSS1
ສັບພາສາ JavaScript: object.style.cssFloat="left"

ຄວາມລະອຽດ TIY

ການນຳໃຊ້ບັນຍັດ float ງ່າຍດາຍ
ສ້າງພາບທີ່ຢູ່ທີ່ປີກຂວາຂອງວັດຖຸ.
ສ້າງພາບທີ່ມີວົງວາງແລະບໍລິສຸກ, ຢູ່ທີ່ປີກຂວາຂອງວັດຖຸ.
ສ້າງພາບທີ່ຢູ່ທີ່ປີກຂວາຂອງວັດຖຸ. ເພີ່ມວົງວາງແລະບໍລິສຸກຂອງພາບ.
ພາບທີ່ມີຫົວໜ້າຢູ່ທີ່ປີກຂວາ
ສ້າງພາບທີ່ມີຫົວໜ້າຢູ່ທີ່ປີກຂວາ
ສ້າງຫົວໜ້າຂອງວັດຖຸທີ່ຢູ່ທີ່ປີກຊ້າຍ
ສ້າງຫົວໜ້າຂອງວັດຖຸທີ່ຢູ່ທີ່ປີກຂ້າງຊ້າຍ, ແລະເພີ່ມຖະແຫຼງວິຊາໃຫ້ຫົວໜ້ານັ້ນ.
ສ້າງເທີມພິມບັນຍັດທາງກາງ
ສ້າງເທີມພິມບັນຍັດທີ່ມີຫົວໜ້າທາງຕາມຫົວໜ້າກ່ວາງ.
ສ້າງເທີມພິມບັນຍັດທີ່ບໍ່ມີຕາລະບົດ
ສ້າງເທີມພິມບັນຍັດທີ່ມີເປີດໝາຍຫົວໜ້າ, ບັນຍັດເບີ່ງຕົວ, ບັນຍັດຫົວໜ້າທີ່ຢູ່ຂ້າງຊ້າຍແລະປະກອບດ້ວຍຫົວໜ້າເຫມືອງ.

ການສະໜັບສະໜູນບັນຍັດສານພາສາບາດ

ຈຳນວນທີ່ໃນຕາລະບົດໃນຕາລະບັນຍັດບັນຍັດສຳລັບຜູ້ບັນຈຸທີ່ເປັນການສະໜັບສະໜູນຄັດຄະນະດັ່ງກ່າວຫຍັງຕອນທໍາອິດ.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0
  • ການເບິ່ງຫົວໜ້າກ່ອນ flex-wrap
  • ຕໍ່ມາ font