ລະບຽບ CSS text-align
- ການເບິ່ງຄືນກ່ອນ table-layout
- ການໄປຫາຊອງຕໍ່ໄປ text-align-last
ການອະທິບາຍ ແລະ ການນໍາໃຊ້
ປະສົມຂອງ textAlign ແມ່ນການຈັດກັບຂໍ້ຄວາມຂອງບັນດາສະບາຍທີ່ມີພາກສາກັບຈຸດໃດ.
ການຕັດສິນໃຈຂອງປະສົມອາຊີບຈະຕັດສິນໃຈວ່າຈະຈັດກັບຂໍ້ຄວາມຂອງບັນດາສະບາຍລຸກທີ່ມີພາກສາກັບຈຸດໃດ. ການອະນຸຍາດຈູບັນຊາຍໃຫ້ຕັດສິນໃຈການສະກັດກັບການຂອງຄຳແມ່ນອາດອະນຸຍາດຄູ່ມືສະບາຍຈະຈັດກັບການທີ່ຈະຮອດຜົນທີ່ຫຼາຍຢ່າງຫຼາຍ.
ບໍ່ດັ່ງນັ້ນ, ບັນດາການອະທິບາຍພື້ນຖານ:
ການສອນ CSS:ບັນດາຫົວຂໍ້ CSS ຂອງຂໍ້ຄວາມ
ຄູ່ມື HTML DOM:ປະສົມຂອງ textAlign
ຄວາມລະອຽດ
ການກະກຽມວິວັດທະນະທຳການຈັດກັບຂໍ້ຄວາມຂອງ h1, h2, h3:
h1 {text-align:center;}
h2 {text-align:left;}
h3 {text-align:right;}
ການນິວຍາຍ CSS
text-align: left|right|center|justify|initial|inherit;
ຄູ່ມືຂອງປະສົມອາຊີບ
| ຄູ່ມື | ການອະທິບາຍ |
|---|---|
| left | ການຈັດກັບຂໍ້ຄວາມເຂົ້າທີ່ຊ້າຍຂອງເບຣາຊີ. ຈຸດພິກັນ: ຈະເປັນການຕັດສິນໃຈຂອງຈູບັນຊາຍ. |
| right | 把文本排列到右边。 |
| center | 把文本排列到中间。 |
| justify | 实现两端对齐文本效果。 |
| inherit | 规定应该从父元素继承 text-align 属性的值。 |
值 justify
最后一个水平对齐属性是 justify，它会带来自己的一些问题。
值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等。您也许已经注意到了，两端对齐文本在打印领域很常见。不过在 CSS 中，还需要多做些考虑。
要由用户代理（而不是 CSS）来确定两端对齐文本如何拉伸，以填满父元素左右边界之间的空间。例如，有些浏览器可能只在单词之间增加额外的空间，而另外一些浏览器可能会平均分布字母间的额外空间（不过 CSS 规范特别指出，如果 letter-spacing 属性指定为一个长度值，“用户代理不能进一步增加或减少字符间的空间”）。还有一些用户代理可能会减少某些行的空间，使文本挤得更紧密。所有这些做法都会影响元素的外观，甚至改变其高度，这取决于用户代理的对齐选择影响了多少文本行。
CSS ບໍ່ໄດ້ກໍານົດວ່າຈະຈັດການການຍິງຫົວເປັນສາຍ (ໝາຍ 1). ບັນດາຈຳນວນທີ່ຕິດຕາມການຈັດວັດຖຸທີ່ຂອງສັນຍາວ່າຈະຈັດການຍິງຫົວເປັນສາຍເພື່ອຫຼຸດຄວາມຄັດຄິດລະຫວ່າງຄຳເວົ້າ ແລະປັບບັນດາຄຳເວົ້າທີ່ຍິງຫົວເປັນສາຍໃຫ້ປາຍດຽວກັນ ແລະປັບຄວາມທາງທີ່ຍິງຫົວເປັນສາຍໃຫ້ປາຍດຽວກັນ ແລະປັບຄວາມທາງທີ່ຍິງຫົວເປັນສາຍໃຫ້ປາຍດຽວກັນ. ຍັງມີບັນດາຜູ້ບໍລິໂພກບໍ່ອາດຈະອະນຸຍາດການຍິງຫົວເປັນສາຍອອກໄປ. ເນື່ອງຈາກວ່າ CSS ບໍ່ໄດ້ກໍານົດວ່າຈະຈັດການຍິງຫົວເປັນສາຍ ບັນດາຈຳນວນທີ່ຈັດວັດຖຸບໍ່ພຽງແຕ່ບາງຄຳເວົ້າພຽງແຕ່ບາງຄຳເວົ້າທີ່ຈະປາຍດຽວກັນ. ປະຊາຊົນທີ່ນຳໃຊ້ບັນດາສິ່ງອອກແບບນິວຢູກັນຈະມີຄວາມລຳບາກຫຼາຍ ແລະອາດຫຼຸດຄວາມສູງຂອງສິ່ງອອກແບບນິວຢູກັນຫຼາຍຫຼາຍ ເພື່ອຫຼຸດຄວາມຄັດຄິດລະຫວ່າງຄຳເວົ້າ. ແຕ່ກໍ່ບໍ່ດີທີ່ນຳໃຊ້ບັນດາສິ່ງອອກແບບນິວຢູກັນນິວຢູກັນ ແລະຕ້ອງລະວັງຄວາມບັງຫຼວງຂອງມັນ.
ໝາຍ 1:CSS ບໍ່ໄດ້ອະທິບາຍວ່າຈະຈັດການການຍິງຫົວເປັນສາຍນັ້ນ ຍ້ອນວ່າພາສາຕ່າງກັນມີກົດລະບຽບຫົວເປັນສາຍຕ່າງກັນ. ກົດລະບຽບບໍ່ໄດ້ພະຍາຍາມທົດສອບກົດລະບຽບນັ້ນທີ່ບໍ່ເປັນສິ່ງທີ່ບໍ່ເປັນຄວາມເປັນຈິງຫຼາຍ ແຕ່ວ່າບໍ່ໄດ້ກ່າວເຖິງບັນຫານັ້ນ.
ຂໍ້ມູນດ້ານເຕັກນິກ
| ມູນຄ່າສົງຕົວແບບ: | ຖ້າປະເພດ direction ແມ່ນ ltr ຈະມີມູນຄ່າສົງຕົວແບບ left; ຖ້າ direction ແມ່ນ rtl ຈະແມ່ນ right. |
|---|---|
| ການຮັບຕໍ່: | yes |
| ຮູບແບບ: | CSS1 |
| ສັບພາສາ JavaScript: | object.style.textAlign="right" |
ຫຼາຍກໍານົດຫຼັກການຊົມເບິ່ງ
- ຈັດວັດຖຸ
- ຄວາມຊົມເບິ່ງວ່າການຈັດວັດຖຸ
ການສະໜັບສະໜູນບັນດາບັນນາທິການ
ຈຳນວນໃນຕາລະບັນສະແດງວ່າການສະໜັບສະໜູນບັນດາບັນນາທິການທໍາອິດທີ່ສະໜັບສະໜູນບັນດາລັກສະນະນັ້ນ.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
- ການເບິ່ງຄືນກ່ອນ table-layout
- ການໄປຫາຊອງຕໍ່ໄປ text-align-last
