Bagaimana untuk Menyembunyikan Elemen HTML Tanpa Menjejaskan Reka Letak Halaman?

Memelihara Reka Letak Halaman sambil Menyembunyikan Elemen

Apabila bertujuan untuk menyembunyikan elemen HTML tanpa menjejaskan reka letak visual, penggunaan keterlihatan: tersembunyi boleh membawa kepada hasil yang tidak diingini. Semasa menyembunyikan elemen daripada paparan, ia terus menduduki ruang yang sama pada halaman.

Melumpuhkan Paparan

Untuk mengatasi cabaran ini, menggunakan sifat paparan adalah disyorkan. Dengan menetapkan paparan elemen kepada tiada, ia secara berkesan hilang daripada perwakilan visual, seolah-olah ia telah dialih keluar sepenuhnya daripada DOM.

Pertimbangkan contoh berikut:

<div>

Pada mulanya , elemen div dipaparkan seperti biasa. Untuk menyembunyikannya:

#element {
  display: none;
}

Apabila paparan: tiada satu pun digunakan, elemen menjadi tidak hadir secara visual, mengosongkan ruang yang didudukinya sebelum ini. Untuk memulihkan keterlihatan elemen:

#element {
  display: block;  
}

Faedah Menggunakan paparan: tiada

• Memelihara reka letak halaman
• Mengekalkan kedudukan elemen dalam kod HTML
• Membenarkan elemen dipaparkan semula dengan mudah oleh paparan tetapan: blok

Atas ialah kandungan terperinci Bagaimana untuk Menyembunyikan Elemen HTML Tanpa Menjejaskan Reka Letak Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!