Apakah kod atribut tersembunyi div dalam html

WBOY
Lepaskan: 2021-11-25 11:41:58
asal
6050 orang telah melayarinya

Kod atribut tersembunyi bagi div ialah: 1. "

", tambahkan gaya "display:none" pada elemen div untuk menyembunyikannya 2. "", tetapkan atribut tersembunyi kepada elemen div untuk menyembunyikannya.
", gunakan atribut paparan untuk menetapkan div supaya tidak dipaparkan; 2. "

Apakah kod atribut tersembunyi div dalam html

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3

Apakah kod atribut tersembunyi div dalam html

1. Dalam HTML, anda boleh menggunakan atribut gaya untuk menyembunyikan elemen div dengan menambahkan gaya paparan:none pada elemen div >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div style="width:100%; height:100px; background:red; position:absolute;top:0;">这是一个固定在顶部的div</div>
</body>
</html>
Salin selepas log masuk
Hasil keluaran:


Apakah kod atribut tersembunyi div dalam html

Pada masa ini, elemen div biasa dipaparkan di bahagian atas Mari kita tetapkan gaya paparan untuknya. Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div style="width:100%; height:100px; background:red; position:absolute; bottom:0;display:none;">这是一个固定在顶部的div</div>
</body>
</html>
Salin selepas log masuk
Hasil keluaran :


Apakah kod atribut tersembunyi div dalam html

2. Elemen div juga boleh disembunyikan menggunakan atribut tersembunyi. Anda hanya perlu menetapkan nilai atribut tersembunyi kepada tersembunyi Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div style="width:100%; height:100px; background:red; position:absolute; bottom:0;" hidden="hidden">这是一个固定在顶部的div</div>
</body>
</html>
Salin selepas log masuk
Hasil keluaran:


Apakah kod atribut tersembunyi div dalam html

Tutorial yang disyorkan : "

tutorial video html"

Atas ialah kandungan terperinci Apakah kod atribut tersembunyi div dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan