Bagaimanakah Saya Boleh Menghalang Anjakan Penjajaran Halaman Semasa Menatal?

Mengekalkan Penjajaran Halaman di tengah-tengah Penatal

Apabila menavigasi tapak web dengan panjang kandungan yang berbeza-beza, isu biasa timbul apabila terdapat atau ketiadaan bar skrol boleh mengubah penjajaran halaman, terutamanya untuk elemen sejajar tengah. Artikel ini membincangkan penyelesaian untuk mengelakkan penempatan semula ini daripada berlaku.

Teknik utama terletak pada penggunaan sifat CSS overflow-y:scroll. Walau bagaimanapun, adalah penting untuk menerapkannya pada teg html, bukan teg badan. Ini memastikan tingkah laku yang diingini merentas semua halaman, termasuk dalam penyemak imbas seperti Internet Explorer 7 di mana bar skrol berganda mungkin muncul jika digunakan pada teg badan.

Dengan memasukkan peraturan CSS berikut, anda boleh mengekalkan penjajaran halaman yang betul tanpa mengira kehadiran atau ketiadaan bar skrol pada halaman individu:

html {
  overflow-y: scroll;
}

Bersempena dengan sifat limpahan-y:scroll, anda boleh juga menggunakan teknik CSS lain untuk meningkatkan penampilan halaman. Contohnya, menggunakan margin:auto; pada elemen sejajar tengah memastikan ia kekal di tengah dalam halaman. Selain itu, menetapkan lebar tetap untuk kawasan kandungan membantu mengekalkan reka letak yang konsisten di seluruh tapak web.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Anjakan Penjajaran Halaman Semasa Menatal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!