CSS_Basic Tutorial에서 표시와 가시성의 차이를 해결하세요.
- WBOY원래의
- 2016-05-16 12:08:491992검색
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
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 : 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à.)
동시에, 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
Regardez le code et l'effet de mon exemple ci-dessous : 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 ][Ctrl+A pour tout sélectionner Remarque :
동시에, 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
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.