Centrar imagen o contenedor
Quote from IngeMoller on August 13, 2021, 11:16 amBuen Dia en Espana, de madrugada en mexico
No logro centrar la imagen que muestro en el archivo adjunto
(La imagen que quiero centrar es la de los 3 escudos azules)
Manipule las promiedades max-height, min-height, max-width, min-width para que no se estirara y me funciona muy bien , ya no se deforman las imagenes al ver la app al mover el tamano de la patalla en tiempo de ejecucion
pero ahora lo que no lo gro hacer es que se mantenga en el centro,
Agradesco la ayuda, pronto retribuire toda esta ayuda cuando tenga experiencia, ayudando en el foro
Buen Dia en Espana, de madrugada en mexico
No logro centrar la imagen que muestro en el archivo adjunto
(La imagen que quiero centrar es la de los 3 escudos azules)
Manipule las promiedades max-height, min-height, max-width, min-width para que no se estirara y me funciona muy bien , ya no se deforman las imagenes al ver la app al mover el tamano de la patalla en tiempo de ejecucion
pero ahora lo que no lo gro hacer es que se mantenga en el centro,
Agradesco la ayuda, pronto retribuire toda esta ayuda cuando tenga experiencia, ayudando en el foro
Uploaded files:- You need to login to have access to uploads.
Quote from luishp on August 13, 2021, 11:31 am@ingemoller depende mucho como lo estés maquetando:
Asegúrate de que el Container en que se encuentra la imagen tenga el Style text-align en center.
También puedes utilizar las clases predefinidas para alinear contenidos:neo-top-right
neo-bottom-right
neo-top-left
neo-bottom-left
neo-top-center
neo-bottom-center
neo-middle-center
neo-middle-left
neo-middle-right
@ingemoller depende mucho como lo estés maquetando:
Asegúrate de que el Container en que se encuentra la imagen tenga el Style text-align en center.
También puedes utilizar las clases predefinidas para alinear contenidos:
neo-top-right
neo-bottom-right
neo-top-left
neo-bottom-left
neo-top-center
neo-bottom-center
neo-middle-center
neo-middle-left
neo-middle-right
Quote from Palamar on August 13, 2021, 2:14 pmUn truco que encontré para centrar imágenes es el siguiente:
Utilizando las clases responsivas de Bootstrap creamos un contenedor general y le colocamos la clase para ocupar todo el ancho (col-md-12), luego editamos el html y cargamos la imagen con código:
<img src="imagen.png"></img>Luego ajustamos las propiedades del contenedor referidas al centrado del texto o agregamos manualmente un estílo (Text-align:center). Listo!.
Como dato adicional podemos escribir en el código el ancho y alto de la imagen para que salga tal cual.
Saludos!
Un truco que encontré para centrar imágenes es el siguiente:
Utilizando las clases responsivas de Bootstrap creamos un contenedor general y le colocamos la clase para ocupar todo el ancho (col-md-12), luego editamos el html y cargamos la imagen con código:
<img src="imagen.png"></img>
Luego ajustamos las propiedades del contenedor referidas al centrado del texto o agregamos manualmente un estílo (Text-align:center). Listo!.
Como dato adicional podemos escribir en el código el ancho y alto de la imagen para que salga tal cual.
Saludos!