HTML5/CSS menjajarkan item senarai berdasarkan ketinggian bersama lajur lain

Selaraskan item senarai dengan menggunakan flex. Flex menjadikan lajur fleksibel berdasarkan kandungannya. Pembalut akan meletakkan lajur dalam satu baris.

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

Flex pada asasnya ialah atribut yang membantu menjadikan elemen fleksibel.

Gunakan kod berikut untuk menjajarkan senarai secara menegak ke bahagian bawah −

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

Atas ialah kandungan terperinci HTML5/CSS menjajarkan item senarai berdasarkan ketinggian bersama lajur lain. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!