css / jQuery - centre absolu positionné div
La div est de 50% opaque et est affiché sur le dessus du contenu du site, et il a une largeur fixe de 960 pixels (elle est créée par jQuery).
Comment puis-je centrer horizontalement?
margin: 0 auto;
ne fonctionne pas 🙁
source d'informationauteur Alex
Vous devez vous connecter pour publier un commentaire.
margin: 0 auto;
ne fonctionne pas pour les éléments en position absolue. Au lieu de cela, nous pouvons travailler avec les propriétés de l'élément lui-même. Découvrez le violon...http://jsfiddle.net/UnsungHero97/HnzyT/2/
Pour le centrer horizontalement est facile puisque vous savez que la largeur ET sa position absolue. Tout ce que vous avez à faire est de lui donner 2 propriétés CSS:
Si vous voulez centrer verticalement et horizontalement, vous devez savoir quelle est la largeur de ET quelle est la taille de l'élément est.
J'espère que cette aide.
Hristo
Juste soustraire le milieu de la fenêtre de la moitié de la largeur de l'élément vous sur redimensionner. Voici un plugin simple qu'on pourrait facilement accueillir à centrer verticalement en cas de besoin ainsi:
Voir exemple de travail →