Quiero ser capaz de centrar un div en el medio de una página pero no puedo hacer que funcione. Intenté flotar: centro; en CSS, pero parece que no funciona.¿Cómo hago flotar un div al centro?
Respuesta
No hay flotante: centro; en css. Margen de uso: 0 auto; en lugar. Así como esto:
.mydivclass {
margin: 0 auto;
}
La clase 'wrapper' podría confundir a las personas. Editado –
Tenga en cuenta que ** debe ** establecer un ancho! –
También debe eliminar float. – newman
Trate margin: 0 auto
, necesitará una fija con el div.
usted puede hacerlo en línea como esta
<div style="margin:0px auto"></div>
o puede hacerlo a través de la clase
<div class="x"><div>
en su archivo css o entre <style></style>
agregar este .x{margin:0px auto}
o simplemente puede use la etiqueta central
<center>
<div></div>
</center>
o si utilizando la posición absoluta, se puede hacer
.x{
width: 140px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -70px; /*half the size of width*/
}
Dale la DIV un específico con en porcentaje o en píxeles y centrarlo usando la propiedad CSS margen.
HTML
<div id="my-main-div"></div>
CSS
#my-main-div { margin: 0 auto; }
disfrutar :)
si está utilizando width
y height
, usted debe tratar margin-right: 45%;
... que es 100% trabajando para mí ... así que puedo llevarlo a cualquier parte wi ¡Porcentaje!
Si por alguna razón usted tiene posición absoluta en el div, hacer esto:
<div class="something"></div>
.something {
position:absolute;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}
solución simple:
<style>
.center {
margin: auto;
}
</style>
<div class="center">
<p> somthing goes here </p>
</div>
- 1. ¿Cómo hago flotar dos divs uno al lado del otro sin especificar un ancho?
- 2. ¿Cómo centro un SVG en un div?
- 3. Offset div del centro
- 4. CSS relativa + flotar
- 5. Centro div horizontalmente
- 6. centro de un div en el CSS
- 7. ¿Cómo centro verticalmente una etiqueta en un div?
- 8. cómo mostrar la imagen en el centro de un div
- 9. ¿Cómo centro contenido en un div usando CSS?
- 10. Hacer un centro div de la vista - Horizontal y verticalmente
- 11. ¿Contenido del centro div y fit?
- 12. ¿Cómo alinear verticalmente una imagen de tamaño desconocido al centro de un div?
- 13. ¿Cómo hago que un MKAnnotationView sea sensible al tacto?
- 14. Cómo alinear los componentes JSF al centro
- 15. ¿Cómo hago que un div flotante se expanda dinámicamente para ocupar el máximo espacio?
- 16. centro de una etiqueta H1 dentro de un DIV
- 17. ¿Alinear un div al centro de la página mientras su posición es absoluta?
- 18. Centro alinea texto "span" dentro de un div
- 19. Seleccionar centro desplegable dentro de div
- 20. centro imagen en div con desbordamiento oculto
- 21. ¿Cómo hago para que un div HTML se ajuste a otro div?
- 22. Contenido del centro CSS dentro de div
- 23. Como hacer un align centro div en HTML
- 24. ¿Coloca un div en el centro pero con altura dinámica?
- 25. ¿Cómo colocar div en el centro de la pantalla?
- 26. ¿Cómo agrego UIImage al centro de UINavigationBar?
- 27. Cómo alinear una subvista al centro de un NSView principal
- 28. UILabel Alinear texto al centro
- 29. Xmonad: al flotar una ventana, moverla o cambiar su tamaño
- 30. ¿Cómo centro un JDialog en la pantalla?
Ninguna de estas cosas es ninguna ayuda en absoluto. – Jordan