ສາລະຄະດີ CSS ການຕັ້ງຕົວ

ການຕິດຕັ້ງຂໍ້ຄວາມ

text-align ປະສົມປະກອບສຳລັບການຕັດຕາມຕົວເລື່ອງການຕິດຕັ້ງຢ່າງສະເພາະຂອງຂໍ້ຄວາມ.

ຄວາມທີ່ສະແດງສາມາດຕິດຕັ້ງຂ້າງຊາຍ ຫຼື ຕິດຕັ້ງຂ້າງຊາຍຫຼັງ ຫຼື ຕິດຕັ້ງກາງ.

ຄວາມທີ່ສະແດງລົງມາສະແດງການຕິດຕັ້ງກາງ ແລະ ຕິດຕັ້ງຂ້າງ (ຖ້າການອ້ອມສະໜາມແມ່ນຈາກຊ້າຍໄປຊາຍໂດຍການປົກກະຕິແມ່ນຕິດຕັ້ງຂ້າງຊາຍ; ຖ້າການອ້ອມສະໜາມແມ່ນຈາກຊາຍໄປຊ້າຍແມ່ນຕິດຕັ້ງຂ້າງຊາຍ):

实例

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

亲自试一试

ເມື່ອ text-align ການຕັດຕາມ "justify" ຈະຂະຫຍາຍເຄື່ອງມືທຸກີກັບຄືນຫຼັງຈາກນັ້ນເພື່ອໃຫ້ທຸກີມີຄວາມກວດສາຍດຽວກັນ ແລະ ຂ້າງຂວາຂອງແລະຂວາຫຼັງແມ່ນຍັງຫຼັງ (ຄືກັບໃນສື່ມວນຊົນແລະໜັງສືພິມ):

实例

div {
  text-align: justify;
}

亲自试一试

文本方向

direction 和 unicode-bidi 属性可用于更改元素的文本方向：

实例

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

亲自试一试

垂直对齐

vertical-align 属性设置元素的垂直对齐方式。

本例演示如何设置文本中图像的垂直对齐方式：

实例

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

亲自试一试