J’ai besoin de placer un (avec ) élément au centre de ma fenêtre. Mais j’ai des problèmes, ce faisant, car largeur est inconnu
J’ai essayé ceci. Mais il a besoin d’être ajusté comme la largeur est recevable.
Toutes les idées ?
Réponses
Trop de publicités?
Matthias Weiler
Points
5697
Sumit
Points
394
Voici une bonne solution si vous n'avez pas besoin à l'appui de IE8.
.centered-axis-x {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
}
L'idée est, qu' left: 50% est par rapport à la mère, tandis que l' translate transformer, c'est par rapport aux éléments de la largeur/hauteur.
De cette façon, vous avez parfaitement centré élément, avec un flexible de la largeur et de la mère, peuvent être aussi flexible que vous le souhaitez.
Vous pouvez également centrer verticalement avec cela (et encore une fois, la largeur et la hauteur de la mère et de l'enfant peut être totalement flexible (et inconnu)):
.centered-axis-xy {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
pratikabu
Points
846
IJas
Points
2380
Centre absolu
HTML :
CSS :
Demo : http://jsbin.com/rexuk/2/
Testé dans Google Chrome, Firefox et IE8
Espérons que cette aide :)
