Pengaturan Teks CSS

Pengaturan teks

text-align Properti ini digunakan untuk menetapkan cara penarikan teks secara horizontal.

Teks boleh diatur di kiri, kanan, atau di tengah.

Contoh di bawah ini menunjukkan teks yang diatur di tengah dan di kiri kanan (jika arah teks adalah dari kiri ke kanan, pilihan bawaan adalah kiri; jika arah teks adalah dari kanan ke kiri, pilihan bawaan adalah kanan):

实例

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

亲自试一试

Apabila text-align Setar ke 'justify' akan mengejak setiap baris, supaya setiap baris mempunyai lebar yang sama, dan margin kiri dan kanan adalah lurus (seperti di majalah dan surat kabar):

实例

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;
}

亲自试一试