0
284
ViewsCómo alinear elementos en una línea a través de columnas
Usando flexbox esto es lo que tengo
.flexer{ display:flex; margin:1px; justify-content: space-around; } .flexer .column{ border: 1px solid #ebebeb; } h1.title{ font-size: 2.0rem; } <div class="flexer"> <div class="column"> <h1 class="title"> Short </h1> <p> Body 1 </p> </div> <div class="column"> <h1 class="title"> Medium </h1> <p> Body 2 </p> </div> <div class="column"> <h1 class="title"> Very very long title that ends up spanning multiple lines </h1> <p> Body 3 </p> </div> <div class="column"> <h1 class="title"> Short </h1> <p> Body 4 </p> </div> </div> 
Independientemente del título (dado que se eligen de la base de datos), quiero que el cuerpo comience igual en todas las columnas.
Quiero que se vea algo como esto:
·
Juan Pablo Isaza
1 answers
Answer question0
Puede agregar una pantalla flexible a las columnas y justificar el contenido con un espacio entre:
.column { display: flex; flex-direction: column; justify-content: space-between; }
·
Juan Pablo Isaza
Report
Answer question