Centrar verticalmente una imagen

sabogal · 24 Feb 2023

Cómo centrar verticalmente una imagen en un contenedor es una pregunta que he visto por ahí más de una vez, así que probé preguntar en chat.openai y esto es lo que respondió en 30 segundos:

Insertar CODE, HTML o PHP:

.contenedor-imagen {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* opcional, para establecer la altura del contenedor */
}

.imagen {
  max-width: 100%; /* opcional, para ajustar el tamaño de la imagen al contenedor */
}

Ya es mejor preguntarle en openai que preguntar en forobeta.
He conseguido que openaai me haga códigos más complejos, como una encuesta en php y MySQL, con formulario html y css, todo completo....

Andresser17 · 24 Feb 2023

Este ejemplo es sencillo, algo que encuentras en 30 segundos con una busqueda en Google.

Por ahora OpenAI parece un Google ultravitaminado.Y asi creo que es como lo usara la gran mayoria de sus usuarios.

Creations · 20 Mar 2023

Ojo que no siempre te muestra la mejor solución. Tambien podrías centrar la imágen con grid:

CSS:

.contenedor-imagen {
    display: grid;
    place-content: center;
    height: 100vh;
}

Aunque al final con que haga el trabajo es suficiente 😁

Centrar verticalmente una imagen

sabogal Seguir

Andresser17

Creations