Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memusatkan Teks Baris Tunggal Secara Menegak Dalam Div?

Bagaimanakah Saya Boleh Memusatkan Teks Baris Tunggal Secara Menegak Dalam Div?

Barbara Streisand
Barbara Streisandasal
2024-12-31 19:12:09140semak imbas

How Can I Vertically Center Single-Line Text Within a Div?

Penjajaran Teks Menegak Dalam Div

Seperti yang diperincikan dalam perbincangan yang dirujuk, menjajarkan teks secara menegak dalam div boleh menjadi mencabar. Melaksanakan margin-top sahaja mungkin tidak mencukupi.

Penyelesaian untuk Teks Baris Tunggal

Untuk situasi yang melibatkan hanya satu baris teks, pendekatan mudah wujud:

div {
  height: 200px;
  line-height: 200px;
}
<div>vertically centered text</div>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusatkan Teks Baris Tunggal Secara Menegak Dalam Div?. 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