ປຶ້ມການປົກຄອງການນຳໃຊ້ align-self CSS
- ການເບິ່ງສອງຫຼັງ align-items
- ການໄປຕໍ່ກັບກິດຈະການຕໍ່ໄປ all
ການອະທິບາຍ ແລະ ການນໍາໃຊ້
align-self ບັນດາບາດີໂລສະບາຍ alignSelf ໄດ້ກຳນົດວິທີການປະຕິບັດຢູ່ທີ່ບັນດາບາດີໂລສະບາຍໃນການສະໜາມທີ່ສະໜັບສະໜູນ.
ເຫັນດີ:ບັນດາບາດີໂລສະບາຍ alignSelf ຈະປົກປັກຮັກສາບັນດາບາດີໂລສະບາຍຂອງການສະໜາມທີ່ສະໜັບສະໜູນ. align-items ບັນດາບາດີໂລສະບາຍ
ບໍ່ວ່າ:
ການສອນ CSSCSS Grid
ການສອນ CSSCSS Flexbox
ປະກາດສະບັບ CSSບັນດາບາດີໂລສະບາຍ alignContent
ປະກາດສະບັບ CSSບັນດາບາດີໂລສະບາຍ alignItems
ປະກາດສະບັບ CSSບັນດາບາດີໂລສະບາຍ justifySelf
ປະກາດສະບັບ HTML DOMບັນດາບາດີໂລສະບາຍ alignSelf
ຄວາມລາຍງາຍ
ການປະຕິບັດຢູ່ທີ່ກາງສະໜາມຂອງບັນດາບາດີໂລສະບາຍພາຍໃນຕາຕະລາງທີ່ມີຄວາມສະໜາມ.
#myBlueDiv {
align-self: center;
}
ສັບພາສາ CSS
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
ຄູ່ມືບາດີໂລສະບາຍ
| ຄູ່ມື | ການອະທິບາຍ |
|---|---|
| auto | ຄູ່ມື. ປະຕູເອກະສານສົ່ງຕົວຈາກປະຕູເອກະສານພາຍໃນຂອງມັນ align-items, ຖ້າບໍ່ມີຕາຕະລາງພາຍໃນນັ້ນແມ່ນ "stretch". |
| stretch | ປະຕູເອກະສານຖືກຂະຫຍາຍເພື່ອພົບກັບຕາຕະລາງ. |
| center | ປະຕູເອກະສານຢູ່ທີ່ທາງກາງຕາຕະລາງ. |
| flex-start | ປະຕູເອກະສານຢູ່ທີ່ປອດທາງເທິງຕາຕະລາງ. |
| flex-end | ປະຕູເອກະສານຢູ່ທີ່ປອດທາງສຸດຂອງຕາຕະລາງ. |
| baseline | ປະຕູເອກະສານຖືກປະຕິບັດຢູ່ພາຍໃນພາກພື້ນພາຍກາງຕາຕະລາງ. |
| initial | ການປ່ຽນຕົວບັນດາບາດີໂລສະບາຍຕົວເລີກ. ເບິ່ງ: initial. |
| inherit | ສົ່ງຕົວຈາກປະຈຳປະຕູເອກະສານພາຍໃນ. ເບິ່ງ: inherit. |
ລາຍລະອຽດດ້ານເຕັກນິກ
| ຄູ່ມືສົ່ງຕົວ: | auto |
|---|---|
| ສົ່ງຕົວ: | ບໍ່ |
| ການສ້າງອິນລານການ: | ບໍ່ສະໜັບສະໜູນ. ບັນດາບາດີໂລສະບາຍ:ບັນດາບາດີໂລສະບາຍທາງອິນລານການ. |
| ສະຖານະ: | CSS3 |
| ສັບພາສາ JavaScript: | object.style.alignSelf="center" |
ການສະໜັບສະໜູນບັນດາບາດີໂລສະບາຍ
ຈຳນວນບັນທຶກໃນຕາຕະລາງສະແດງວ່າຄວາມພະຍາຍາມຂອງການສະແດງບັນດາບັນດາບາດີໂລສະບາຍທຳອິດທີ່ສະໜັບສະໜູນບັນດາບັນດາບາດີໂລສະບາຍນັ້ນ.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 57.0 | 16.0 | 52.0 | 10.1 | 44.0 |
- ການເບິ່ງສອງຫຼັງ align-items
- ການໄປຕໍ່ກັບກິດຈະການຕໍ່ໄປ all
