Maison > Article > interface Web > Une brève analyse de l'attribut d'affichage de CSS
Une brève analyse de l'attribut d'affichage de CSS
- 零到壹度original
- 2018-03-21 13:44:091453parcourir
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é ) ; table-cell (l'élément sera affiché sous forme de cellule de tableau, similaire à 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 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!
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 à );
et < th>).
Articles Liés
Voir plus