Style whiteSpace 属性

ການສະແດງຫຼືການນໍາໃຊ້:

whiteSpace ການຕັ້ງມັນຫຼືຖອນຄູ່ມີສານຍາດຂອງຄວາມທີ່ຈະຈັດຕັ້ງສະບັບການຂອງການປະຕິບັດກັບຄວາມທີ່ຫຼີກ.

ອີງຕາມ:

ການສຶກສາ CSS:CSS ຄວາມຂຽນ

ຄູ່ມີສານຍາດ CSS:white-space 属性

ກໍລະນີ:

ກໍລະນີ 1

ກຳນົດຂະບວນທີ່ຈະຫຼິ້ນຕົວກັນຫຼາຍຄັ້ງຈົນກວ່າພົບ <br> ຄັກຂອງຂະບວນຂຽນ:

document.getElementById("myDIV").style.whiteSpace = "nowrap";

ຂະບວນທົດລອງຄິດຕະນາ:

ກໍລະນີ 2

ການຖອນ whiteSpace 属性:

alert(document.getElementById("myDiv").style.whiteSpace);

ຂະບວນທົດລອງຄິດຕະນາ:

ວິທິການ:

ການຖອນ whiteSpace 属性:

object.style.whiteSpace

ການຕັ້ງມັນ whiteSpace 属性:

object.style.whiteSpace = "normal|nowrap|pre|initial|inherit"

ຄູ່ມີສານຍາດຂອງບັນດາອັນດັບ:

ຄູ່ມີສານຍາດ: ອະທິບາຍ:
normal

ກົດລະບຽບຂອງພາຍການຈະຖືກລວມກັນເປັນກົດລະບຽບດຽວ.

ຂະບວນຂຽນຈະຫຼິ້ນຕົວກັນຫຼາຍຄັ້ງຖ້າຈະຕ້ອງການອອກບານລະບຽບຫຼາຍຄັ້ງ. ຄູ່ມີສານຍາດທີ່ຈະຕັ້ງມັນ.

nowrap

ກົດລະບຽບຂອງພາຍການຈະຖືກລວມກັນເປັນກົດລະບຽບດຽວ.

ຂະບວນຂຽນຈະຫຼິ້ນຕົວກັນຫຼາຍຄັ້ງຈົນກວ່າພົບ <br> ຄັກຂອງຂະບວນຂຽນ.

pre

ປະກອບຂອງພະຍາຍາມຈະຖືກຮັກສາ.

ຂະບວນຂຽນຈະຫຼິ້ນຕົວກັນຫຼາຍຄັ້ງຖ້າຈະຕ້ອງການອອກບານລະບຽບຫຼາຍຄັ້ງ. ຄືກັບ <pre> ຂອງ HTML.

pre-line

ກົດລະບຽບຂອງພາຍການຈະຖືກລວມກັນເປັນກົດລະບຽບດຽວ.

ຂະບວນຂຽນຈະຫຼິ້ນຕົວກັນຫຼາຍຄັ້ງຖ້າຈະຕ້ອງການອອກບານລະບຽບຫຼາຍຄັ້ງ.

pre-wrap

ປະກອບຂອງພະຍາຍາມຈະຖືກຮັກສາ.

ຂະບວນຂຽນຈະຫຼິ້ນຕົວກັນຫຼາຍຄັ້ງຖ້າຈະຕ້ອງການອອກບານລະບຽບຫຼາຍຄັ້ງ.

initial ຈະຕັ້ງມັນຄືກັບຄູ່ມີສານຊື່ງກໍ່ໄດ້. initial.
inherit ຈະຕັ້ງມັນຄືກັບຈຸດແຖວໜ້າຂອງມັນ. ບັນທາການ: inherit.

ຂໍ້ສົມບູນເຕັກນິກ:

ຄູ່ມີສານຍາດທີ່ຈະຕັ້ງມັນຄືກັບຄູ່ມີສານຊື່ງກໍ່ໄດ້. normal
ຜົນກະທົບ: ກົດລະບຽບສະບັບຂອງຄວາມທີ່ຫຼີກຫຼາຍພາຍໃນປະກອບມົນລະພາບ.
CSS 版本: CSS1

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持