CSS_Basic Tutorial에서 표시와 가시성의 차이를 해결하세요.-CSS 튜토리얼-php.cn

La plupart des gens confondent facilement l'affichage et la visibilité des propriétés CSS. Elles semblent être identiques, mais en réalité elles sont très différentes.
L'attribut de visibilité est utilisé pour déterminer si l'élément est affiché ou masqué, ce qui est représenté par visibilité="visible|hidden" (visible signifie affiché, caché signifie caché).
Lorsque la visibilité est définie sur "cachée", bien que l'élément soit masqué, il occupe toujours sa position d'origine. Exemple :

[Ctrl+A Tout sélectionner Remarque : Si vous devez introduire des J externes, vous devez actualiser pour exécuter

]

Notez que lorsque l'élément Après avoir été masqué, il ne peut plus recevoir d'autres événements, donc dans le premier morceau de code, lorsqu'il est mis à "caché", il ne peut plus recevoir d'événements de réponse, il est donc impossible de cliquer sur le premier un avec la souris pour afficher le texte.
Par contre, l'attribut display est un peu différent. L'attribut de visibilité masque l'élément mais conserve sa position flottante, tandis que l'affichage définit en fait les caractéristiques flottantes de l'élément.
Lorsque l'affichage est défini sur bloquer, tous les éléments du conteneur seront traités comme un seul bloc, tout comme l'élément

, qui sera placé sur la page à ce stade. (Vous pouvez en fait définir le display:block de pour qu'il fonctionne comme un

.
Définir l'affichage sur inline le fera se comporter comme si l'élément était en ligne --- même s'il s'agit d'un les éléments de bloc normaux tels que

seront également combinés dans un flux de sortie comme
Regardez le code et l'effet de mon exemple ci-dessous :

pour voir l'effet.
[Ctrl+A Tout sélectionner Remarque :

Si vous devez introduire des J externes, vous devez actualiser pour exécuter
]

Enfin, l'affichage est défini sur :aucun, puis l'élément est effectivement supprimé de la page et les éléments en dessous seront automatiquement remplis. (À l'heure actuelle, l'élément appliquant display: none; équivaut à disparaître, tandis que visibilité: caché; signifie uniquement caché, et la position est toujours là.)

Les attributs d'affichage sont les valeurs block, inline, none et le cas de l'utilisation de la visibilité : caché Exemple de débogage :
[Ctrl+A pour tout sélectionner Remarque :

Si vous devez introduire des J externes, vous devez l'actualiser pour l'exécuter ]
동시에, display:inline;과 float:left;의 차이점은 다음 기사를 참조하세요.
(display는 표시 상태를 의미하고, inline은 인라인을 의미하며, 이전 인라인 요소에 가깝습니다. 일반적으로 기본 인라인 요소는 span, a, em, Strong 등입니다. 그리고 float는 부동을 의미하고 float: 왼쪽은 블록 수준 요소의 부동 형식이며 두 가지 다른 상태입니다)
http.://www.andymao.com/andy/post/42.html
http://bbs.blueidea.com/thread-2596793-1-1.html