Bagaimanakah Saya Boleh Memusatkan Teks Secara Menegak Dalam Div dalam CSS?

Menjajarkan Teks dalam Div

Dalam CSS, mungkin sukar untuk menjajarkan teks secara menegak dalam div, terutamanya apabila berbilang elemen hadir dalam bahagian. Berikut ialah penyelesaian untuk memusatkan teks secara menegak dalam bekas, tanpa mengira bilangan baris atau kehadiran imej.

Penyelesaian:

Dengan menetapkan ketinggian div dan menggunakan sifat ketinggian garis, anda boleh memastikan bahawa teks adalah menegak sejajar.

Kod:

div {
  height: 200px;
  line-height: 200px; /* Define this value to align the text vertically */
}

Contohnya:

<div>vertically centered text</div>

Nota Tambahan:

• Kaedah ini berfungsi untuk teks satu baris.
• Untuk menjajarkan teks berbilang baris, gunakan penggayaan tambahan atau pertimbangkan untuk menggunakan flexbox atau susun atur grid.
• Jika imej atau elemen lain terdapat dalam div, anda mungkin perlu melaraskan nilai ketinggian garis atau menggunakan teknik CSS yang lebih maju untuk pastikan penjajaran yang betul.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusatkan Teks Secara Menegak Dalam Div dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!