ບັນດາລະບຽບການສະແດງຕາມລະບົບຄອນເຕຣັນ flex-flow

ການອະທິບາຍແລະການນຳໃຊ້

flex-flow 属性ແມ່ນສະນວນການຫລອກລົງຂອງບັນດາສະນວນທີ່ຢູ່ໃຫ້.

ຄວາມເຫັນ:ຖ້າຫົວຂໍ້ບໍ່ແມ່ນສະແດງຄວາມກະຕຸ້ມບັນດາຫົວຂໍ້, ສະນວນ flex ບໍ່ມີຜົນ.

CSS Tutorial:CSS Flexbox

ຄູ່ມູນ CSS:flex 属性

ຄູ່ມູນ CSS:flex-direction 属性

ຄູ່ມູນ CSS:flex-basis 属性

ຄູ່ມູນ CSS:flex-grow 属性

ຄູ່ມູນ CSS:flex-shrink 属性

ຄູ່ມູນ CSS:flex-wrap 属性

ຄູ່ມູນ HTML DOM:flexFlow 属性

ສະແດງທີ່ສະໜາມກັບທິດທາງຂັ້ນສັນຍານແລະຍັງຈະປ່ຽນທິດທາງຄືນໃນສະພາບທີ່ຈະຕ້ອງການ:

div {
  display: flex;
  flex-flow: row-reverse wrap;
}

flex-flow: flex-direction flex-wrap|initial|inherit;

ຈຸດນັກສັງເກດຕາມ	ການອະທິບາຍ
flex-direction	ຈຸດນັກສັງເກດຕາມ: row row-reverse column column-reverse initial inherit ຈຸດປະກອບເວລາດັ່ງກ່າວ: "row". ການກຳນົດທິດທາງຂອງສະແດງຄວາມກະຕຸ້ມ.
flex-wrap	ຈຸດນັກສັງເກດຕາມ: nowrap wrap wrap-reverse initial inherit ຈຸດປະກອບເວລາດັ່ງກ່າວ: "nowrap". ການກຳນົດວ່າຄວາມກະຕຸ້ມທີ່ສະແດງຄວາມກະຕຸ້ມຄວາມພາບສະແດງຂອງທີ່ສະແດງຄວາມກະຕຸ້ມ.
initial	ປະກອບຄືນສະນວນນັ້ນໃຫ້ຫລັງຈາກຄືນສະນວນປະຈຳມູນນັກສັງເກດ. ບັນຈາ: initial.
inherit	ລວມຄືນສະນວນນັ້ນຈາກປະກອບຂອງພວກເຂົາ. ບັນຈາ: inherit.

ຈຸດປະກອບ:	row nowrap
ການສະແດງ:	ບໍ່
ການສ້າງການຍິ່ງວັດຖຸ	ບໍ່ສາມາດນຳໃຊ້. ບັນຈາ:ການນຳໃຊ້ຂອງພາສາການສັນຍານ.
ລະດັບ:	CSS3
ສັບພາສາ JavaScript:	object.style.flexFlow="column nowrap"

ຈຸດນັກສັງເກດຕາມໃນຕາລະບັນດາຂອງຕາລະບັນດາຂອງຕາລະບັນດາການສະແດງຄວາມກະຕຸ້ມພາບການສະແດງບັນດາຕົວເລື່ອງ.

ຈຸດນັກສັງເກດຕາມ -webkit-、-ms- ຫລື -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