Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

HTML5/CSS จัดเรียงรายการตามความสูงร่วมกันของคอลัมน์อื่น


จัดตำแหน่งรายการด้วยความช่วยเหลือของ flex Flex จะทำให้คอลัมน์มีความยืดหยุ่นตามเนื้อหา Wrapper จะจัดวางคอลัมน์ในแถว

.wrap{
   display : flex
}// This will help wrapper to become flexible
.wrap.col{
   flex: 1 0 33%;
}

Flex เป็นคุณสมบัติที่ช่วยในการทำให้องค์ประกอบมีความยืดหยุ่น

ใช้รายการต่อไปนี้เพื่อให้รายการอยู่ในแนวตั้งที่ด้านล่าง −

.col .content {
   margin-top: auto;
}