Comment rendre un élément invisible en HTML

Comment définir des éléments invisibles en HTML : 1. Ajoutez l'attribut caché dans la balise element ; 2. Utilisez l'attribut style dans la balise element pour définir le style "display:none" 3. Utilisez l'attribut style dans l'élément ; balise pour définir le style "visibilité: caché".

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Il existe trois façons de rendre des éléments invisibles en HTML :

• Utilisez l'attribut caché
• Utilisez l'attribut style pour définir l'affichage : aucun
• Utilisez l'attribut style pour définir la visibilité : false

Évidemment, il existe deux façons de rendre éléments invisibles :

• L'élément est complètement invisible, l'élément n'occupe pas l'espace, comme s'il avait disparu
• L'élément est invisible, mais il occupe toujours l'espace d'origine, comme s'il était invisible

Utilisez l'attribut caché

ee3d63f9cbc9be5695d18b5080a3f00ahello16b28748ea4df4d9c2150843fecfba68

Utilisation L'effet de l'attribut caché est de changer automatiquement l'attribut d'affichage de l'élément sur aucun lors du rendu du DOM. Notez que la seule utilisation de l'attribut caché est ici : changez simplement l'affichage sur aucun la première fois que vous ajoutez l'attribut caché. À l'avenir, même si l'attribut d'affichage devient bloc, l'attribut caché sera toujours là.

On peut voir que Hidden et display=none ont le même effet. Mais ce n’est pas aussi direct et fondamental que l’affichage. Par conséquent, n'utilisez pas l'attribut caché à l'avenir et accédez directement à l'attribut d'affichage avec style.

Utilisez l'attribut style pour définir display:none

Le style display=none peut faire disparaître complètement un élément sans laisser de trace et ne prendre aucun espace.

<div style="display:none">hello</div>

Utilisez l'attribut style pour définir la visibilité=caché

Lorsque visibilité=caché dans le style, l'élément semble être invisible, mais il occupe toujours l'espace d'origine.

<div style="visibility:hidden">hello</div>

Tutoriel recommandé : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!