Une brève analyse de l'attribut d'affichage de CSS-tutoriel CSS-php.cn

Cet article analyse principalement l'attribut d'affichage du CSS avec vous. Les amis qui en ont besoin peuvent s'y référer. J'espère qu'il pourra aider tout le monde. Jetons un coup d'œil avec l'éditeur ci-dessous.

Quelles sont les valeurs d'affichage couramment utilisées ?

Les valeurs les plus faciles à utiliser dans le développement normal d'un projet sont :

aucun (l'élément ne sera pas affiché ) ;
block (l'élément sera affiché comme un élément de niveau bloc, avec des sauts de ligne avant et après l'élément)
inline (l'élément sera affiché comme un élément en ligne, sans sauts de ligne avant et après); après l'élément);
inline-block (élément de bloc en ligne. Nouvelle valeur dans CSS2.1
table (l'élément sera affiché sous forme de tableau au niveau du bloc, similaire à

), avec une ligne); sauts avant et après le tableau);
table-row (l'élément sera affiché sous forme de ligne de tableau, similaire à );

table-cell (l'élément sera affiché sous forme de cellule de tableau, similaire à

et < th>).

Différence entre display="none" et visible="hidden" ?

À première vue, ils désignent tous des éléments cachés ; oui, ce sont bien des éléments cachés ! Cependant, ils sont quand même différents !

visibility="hidden" signifie (uniquement) caché et ne peut pas être restauré. Lorsque la visibilité est définie sur "cachée", bien que l'élément soit masqué, il occupe toujours sa position d'origine. la visibilité préserve la position de l'élément. Une fois l'élément masqué, il ne peut plus recevoir d'autres événements ni répondre aux événements, il ne peut donc pas être affiché via JS.

display="none" est masqué (l'élément disparaît) et peut être restauré. Lorsque l'affichage est défini sur "aucun", sauf que l'élément est masqué, c'est complètement opposé à visibilité="hidden".

Le paramétrage des valeurs des attributs d'affichage et de visibilité, ainsi que la différence entre reflow et redraw ! Pour en savoir plus sur la redistribution et le redessinage, veuillez cliquer sur : "Page Reflow et Page Redraw"

Quelle est la différence entre display:none dans jQuery et zepto ?

La différence entre dispaly:none dans jQuery et zepto ! Vraisemblablement, la plupart des débutants ne le comprennent toujours pas ! Si vous voulez connaître la différence entre dispaly:none dans jQuery et zepto, alors cliquez sur : "La différence entre dispaly:none dans jQuery et zepto"

Recommandations associées :

Liste complète des attributs d'affichage

Afficher les attributs communs des éléments d'affichage

propriété d'affichage CSS

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!

Étiquettes associées：

display

source：php.cn

Article précédent：Explication détaillée de la disposition CSS à double aile volante Article suivant：Explication détaillée indiquant si le chargement CSS entraînera le blocage_CSS tutoriel_CSS_Web production de pages

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur