Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Memusatkan Teks Secara Menegak dalam Elemen Div?
Bagaimana untuk Memusatkan Teks Secara Menegak dalam Elemen Div?
- Barbara Streisandasal
- 2024-12-23 18:22:14314semak imbas
Penjajaran Menegak dalam Untuk menjajarkan teks secara menegak di tengah-tengah Menggunakan Line-Height Untuk memusatkan teks satu baris secara menegak, gunakan ketinggian garis yang sama dengan yang dikehendaki ketinggian elemen, seperti yang ditunjukkan dalam CSS berikut: Menggunakan Paparan Properties Untuk teks berbilang baris, balut teks dalam dan gunakan paparan: jadual; dan paparan: table-cell; bersama-sama dengan vertical-align: tengah; seperti berikut: Menggunakan Transform Property Untuk penjajaran yang lebih lanjut, pertimbangkan untuk menggunakan sifat transform dengan translateY(): Penting Nota: Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Teks Secara Menegak dalam Elemen Div?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!#abc {
line-height: 50px;
}
#abc {
display: table;
width: 100%;
}
#abc span {
vertical-align: middle;
display: table-cell;
}
#abc {
position: absolute;
top: 50%;
transform: translateY(-50%);
}