Étiquette : display

[CSS] Des images responsive dans un tableau HTML ou dans un container en display: table-cell;

24/03/2017 /

table

nada …

display: table-cell;

ATTENTION: sous IE10, IE11, dans le cadre d’une mise en page Responsive et si vous utilisez des images, il est possible que le redimensionnement homothétique de celles-ci soit mal géré. Vous pouvez ajouter ce style pour corriger le problème :

[jQuery] Vérifier qu’un élément est visible ou masqué

28/01/2015 /

Source : check if a element is display:none or block on click. Jquery

On peut utiliser les pseudo-classes CSS :visible pour les éléments visibles et :hidden pour trouver les éléments invisibles.

Pour vérifier la présence d’un élément en particulier :

Note pour moi-même : je ne sais pas pourquoi j’avais posté un exemple avec la pseudo-classe :visible et la méthode .length == 0… Vérifier la présence dans le DOM d’un élément possédant une certaine classe (puis agir dessus) fonctionne mieux sans la pseudo-classe et en affectant la valeur de 1 à length :

Les éléments sont considérés comme visibles si ils prennent de la place dans le document. Les éléments visibles ont une largeur et/ou une hauteur dont la valeur est plus grande que zéro (source).

On peut également utiliser is() avec :visible :

Si on souhaite vérifier la valeur de la propriété display, on peut utiliser attr() :

Si la propriété CSS display est employée, elle peut avoir les valeurs suivantes :

  • display: none
  • display: inline
  • display: block
  • display: list-item
  • display: inline-block