Penjajaran Teks Menegak dalam Div Ketinggian Dinamik
Apabila menyesuaikan elemen tapak web kepada ketinggian penyemak imbas boleh laras pengguna, selalunya penting untuk memastikan penjajaran menegak teks dalam div ketinggian dinamik kekal berpusat. Bagaimanakah ini boleh dicapai?
Pertimbangkan struktur HTML berikut:
<body> <div>
Untuk menjajarkan
Penyelesaian: Manfaatkan sifat paparan untuk menetapkan pembalut
Kod Contoh:
HTML
<body> <div>Text
CSS
body {width: 100%; height: 100%;} /* for visual demonstration of div height...*/ div { position:absolute; height:100%; width:100%; display: table; } h1 { display: table-cell; vertical-align: middle; text-align:center; }
Pendekatan ini telah diuji pada pelbagai pelayar dan platform, termasuk:
Sistem Diuji:
Diuji Pelayar:
Atas ialah kandungan terperinci Bagaimana untuk Memusatkan Teks Secara Menegak dalam Divs Ketinggian Dinamik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!