Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan kesan penjajaran teks dalam css? Pengenalan harta

Bagaimana untuk menetapkan kesan penjajaran teks dalam css? Pengenalan harta

PHPz
PHPzasal
2023-04-21 10:11:013689semak imbas

CSS ialah salah satu bahasa helaian gaya yang paling penting dalam reka bentuk web. Ia boleh mengawal fon, saiz, warna, penjajaran dan gaya halaman web yang lain. Penjajaran teks ialah gaya yang sangat asas dan penting.

Penjajaran teks boleh menjadikan halaman web kelihatan lebih teratur dan kemas, memberikan pengguna pengalaman membaca yang lebih baik. Dalam CSS, penjajaran teks boleh dicapai melalui sifat berikut.

  1. text-align

Atribut penjajaran teks ialah atribut penjajaran teks yang paling asas dan biasa digunakan, yang boleh menetapkan penjajaran mendatar teks. Atribut penjajaran teks mempunyai empat nilai untuk dipilih:

  • kiri (nilai lalai): teks dijajarkan ke kiri
  • kanan: teks dijajarkan ke kanan
  • tengah: teks dipusatkan Penjajaran
  • justify: Teks dijajarkan di kedua-dua hujungnya, iaitu teks secara automatik mengisi keseluruhan baris dan ruang diisi secara automatik pada penghujung baris

Sebagai contoh, jika anda mahu teks dalam div dijajarkan ke tengah, anda boleh menulis gaya CSS seperti ini:

div {
  text-align: center;
}
  1. menjajarkan menegak

Atribut penjajaran menegak digunakan untuk menetapkan kedudukan elemen sebaris (seperti gambar, hiperpautan, dll.) dalam induk Penjajaran menegak dalam elemen. Atribut jajaran menegak mempunyai berbilang nilai untuk dipilih, termasuk:

  • garis dasar (nilai lalai): penjajaran garis dasar elemen
  • sub: penjajaran subskrip elemen
  • super : Penjajaran superskrip elemen
  • atas: Penjajaran atas elemen
  • teks-atas: Penjajaran atas teks elemen
  • tengah: Penjajaran tengah menegak elemen
  • bawah : Penjajaran bawah elemen
  • teks-bawah: Penjajaran bawah teks elemen

Contohnya, jika anda mahu imej dipusatkan secara menegak dalam elemen induk, anda boleh menulis gaya CSS seperti ini:

img {
  vertical-align: middle;
}
  1. garis-tinggi

Sifat garis-tinggi digunakan untuk menetapkan ketinggian baris teks, yang boleh mengawal penjajaran menegak teks. Atribut line-height mempunyai dua nilai untuk dipilih:

  • Nombor: menunjukkan bahawa ketinggian garisan ialah gandaan saiz fon teks
  • Peratus: menunjukkan bahawa garisan ketinggian ialah peratusan saiz fon teks

Sebagai contoh, jika anda mahu teks dalam perenggan dijajarkan secara menegak di tengah, anda boleh menulis gaya CSS seperti ini:

p {   line-height: 2; }
    Sebagai contoh, jika anda mahu teks dalam perenggan diindenkan oleh dua aksara, anda boleh menulis gaya CSS seperti ini:
Dalam reka bentuk web sebenar, penjajaran teks ialah a Satu elemen yang sangat penting, ia boleh menjadikan halaman web kelihatan lebih selaras dan cantik. Dengan menggunakan sifat CSS di atas, kami boleh mencapai penjajaran mendatar, penjajaran menegak, lekukan dan gaya teks lain dengan mudah, menjadikan reka bentuk web lebih halus dan sempurna.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan kesan penjajaran teks dalam css? Pengenalan harta. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn