Centralizar div verticalmente com altura de outra div

  • Autor Autor Jesús Rojas
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Jesús Rojas

Jesús Rojas

1
Zeta
Verificación en dos pasos activada
Suscripción a IA
Hola betas.

Quiero centrar verticalmente un div en base a la altura de otro div. Por ejemplo, el div que contiene las imagenes tienen una altura de 200px, entonces quiero que mi h3 esté centrado en la mitad de esos 200px,

Estoy intentado con table, pero tengo un problema con las imágenes, que no funciona el col-md-8 y tengo que poner un width de 100% para que salga, pero eso no es lo que quiero.

Espero alguien pueda ayudarme. Gracias.

Mi código:

Inserir CODE, HTML ou PHP:
<div class="row" >
                    <div class="col-md-4" >
                        <h3>
                            Process of searching
                        </h3
                    </div>
                    <div class="col-md-8">
                        <img src="imagen1"/>
                        <img src="imagen2"/>
                        <img src="imagen3"/>
                    </div>
</div>

Resultado final:

wd.webp
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Hay un montón de hacks para realizar lo que quieres como, darle un padding-top de 100px al contenedor, y al contenido dentro del div a centrar darle un transform: translateY(-50%).

Ese es uno de varios, pero sinceramente yo recomiendo utilizar flexbox para dicha tarea.

Te dejo un ejemplo por si te es de ayuda, cualquier duda, me lo haces saber, saludos!
flex-forobeta
 
Hay un montón de hacks para realizar lo que quieres como, darle un padding-top de 100px al contenedor, y al contenido dentro del div a centrar darle un transform: translateY(-50%).

Ese es uno de varios, pero sinceramente yo recomiendo utilizar flexbox para dicha tarea.

Te dejo un ejemplo por si te es de ayuda, cualquier duda, me lo haces saber, saludos!
flex-forobeta

Gracias, me ayudo mejor usando el flex, creo que le da un centrado más dinámico.

Dejo el link actualizado de acuerdo a lo que quería.

flex-forobeta
 
Voltar
Topo