div css tunjukkan hide

div css show and hide

CSS boleh mengawal keterlihatan elemen melalui atribut paparan Kaedah berikut biasanya digunakan:

1. paparan: tiada;
   Gunakan. paparan: tiada; untuk menyembunyikan elemen Apabila elemen ditetapkan untuk dipaparkan: tiada;, elemen tidak akan muncul pada halaman dan tidak akan mengambil ruang.

Sebagai contoh, dalam coretan kod berikut, elemen div ditetapkan untuk dipaparkan: tiada;, jadi ia tidak akan dipaparkan pada halaman:

<div class="hidden">这是要隐藏的内容</div>

<style>
.hidden{
  display: none;
}
</style>

2. paparan : blok;
   paparan: blok; bermaksud memaparkan elemen sebagai elemen peringkat blok. Secara lalai, elemen div ialah elemen peringkat blok dan akan dipaparkan pada barisnya sendiri pada halaman.

Sebagai contoh, dalam coretan kod berikut, elemen div ditetapkan untuk memaparkan: blok;, yang akan dipaparkan sebagai elemen peringkat blok:

<div class="block">这是块级元素</div>

<style>
.block{
  display: block;
}
</style>

3. paparan: sebaris;
   paparan: sebaris; bermaksud memaparkan elemen sebagai elemen sebaris. Secara lalai, elemen span ialah elemen sebaris dan akan dipaparkan pada baris yang sama dengan elemen sebaris lain atau teks pada halaman.

Sebagai contoh, dalam coretan kod berikut, elemen div ditetapkan untuk dipaparkan: sebaris;, yang akan dipaparkan sebagai elemen sebaris:

<div class="inline">这是行内元素</div>

<style>
.inline{
  display: inline;
}
</style>

4. paparan: inline-block;
   display: inline-block; Elemen peringkat blok sebaris boleh dipaparkan pada baris yang sama seperti elemen lain seperti elemen sebaris, dan juga boleh menetapkan lebar, ketinggian, jidar dalam dan luar serta atribut lain seperti elemen peringkat blok.

Sebagai contoh, dalam coretan kod berikut, elemen div ditetapkan dengan paparan: inline-block;, yang akan dipaparkan sebagai elemen peringkat blok sebaris:

<div class="inline-block">这是行内块级元素</div>

<style>
.inline-block{
  display: inline-block;
}
</style>

Menggunakan atribut paparan boleh Melaksanakan paparan dan menyembunyikan elemen dengan mudah. Perlu diingat bahawa jika elemen ditetapkan untuk dipaparkan: tiada;, semua elemen kanak-kanak di bawah elemen itu juga akan disembunyikan. Oleh itu, dalam aplikasi praktikal, atribut paparan yang sesuai perlu dipilih mengikut keperluan khusus.

Atas ialah kandungan terperinci div css tunjukkan hide. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!