ລະບົບການຄົ້ນຫາບັນດາສະພາບກົດລະບຽບ CSS

  • ບ່ອນໜ້າຫນັງກ່ອນ flex-shrink
  • ບ່ອນໜ້າຫນັງ float

ການກໍານົດ ແລະ ການນໍາໃຊ້

flex-wrap 属性ກໍານົດວ່າປະເພດອຸກອາກາດຈະປ່ຽນຕົວຫນັງຫຼືບໍ່.

ຄວາມຄິດ:ຖ້າປະກອບສິ່ງບໍ່ແມ່ນປະເພດອຸກອາກາດ, flex 属性ຈະບໍ່ມີຜົນ.

ບໍ່ມີຂໍ້ມູນອື່ນ:

CSS 教程: ການອຸກອາກາດ CSS

ອຸປະກອນ CSS ການປຶກສາ:flex 属性

ອຸປະກອນ CSS ການປຶກສາ:flex-basis 属性

ອຸປະກອນ CSS ການປຶກສາ:flex-direction 属性

ອຸປະກອນ CSS ການປຶກສາ:flex-flow 属性

ອຸປະກອນ CSS ການປຶກສາ:flex-grow 属性

ອຸປະກອນ CSS ການປຶກສາ:flex-shrink 属性

ອຸປະກອນ HTML DOM ການປຶກສາ:flexWrap 属性

ຕົວຢ່າງ

ສະໜັບສະໜູນອຸກອາກາດອຸກອາກາດເວລາທີ່ຈະຕ້ອງ:

div {
  display: flex;   
  flex-wrap: wrap;
}

ທົດລອງເອງ

ສັບພາສາ CSS

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

ຈຳນວນປະເພດ

ຈຳນວນ ກໍານົດ
nowrap ຄູ່ມືສົມບູນ. ກໍານົດວ່າປະເພດອຸກອາກາດຈະບໍ່ປ່ຽນຕົວຫນັງ.
wrap ກໍານົດວ່າປະເພດອຸກອາກາດຈະປ່ຽນຕົວຫນັງເວລາທີ່ຈະຕ້ອງ.
wrap-reverse ກໍານົດວ່າປະເພດອຸກອາກາດຈະປ່ຽນຕົວຫນັງເວລາທີ່ຈະຕ້ອງ, ໂດຍການຫນັງກັບກັນສິນບັນຍາບໍ່ສາມາດ.
initial ຈະຕິດຕັ້ງປະເພດຂອງປະເພດສົມບູນ. ບັນຈຸ: initial.
inherit ຈະຕິດຕັ້ງປະເພດຂອງປະເພດຕໍ່ເນື່ອງຈາກປະຈຳພັດທະນາ. ບັນຈຸ: inherit.

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

ຄູ່ມືສົມບູນ: nowrap
ສະຫຼຸບ: ບໍ່
ຜະລິດອິນຍະນານ: ບໍ່ສະໜັບສະໜູນ. ບັນຈຸ:ປະເພດຜະລິດ.
ສະຖານະ: CSS3
ສັບພາສາ JavaScript: object.style.flexWrap="nowrap"

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

ຈຳນວນທີ່ມີໃນຕາຕະລາງແມ່ນສະແດງວ່າການສະໜັບສະໜູນຄັດຄະດີທໍາອິດຂອງບັນດາສານບາດທີ່ສະໜັບສະໜູນຄັດຄະດີດັ່ງກ່າວ.

ຈຳນວນທີ່ມີ -webkit- ຫຼື -moz- ແມ່ນສະແດງວ່າມີກໍາແພງຂອງລຸ່ມທໍາອິດ.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-
11.0 28.0
18.0 -moz-
9.0
6.1 -webkit-
17.0
  • ບ່ອນໜ້າຫນັງກ່ອນ flex-shrink
  • ບ່ອນໜ້າຫນັງ float