HTML5/CSS richtet Listenelemente basierend auf der gegenseitigen Höhe anderer Spalten aus

Listenelemente mithilfe von Flex ausrichten. Flex macht Spalten basierend auf ihrem Inhalt flexibel. Der Wrapper ordnet die Spalten in einer Reihe an.

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

Flex ist im Grunde ein Attribut, das dabei hilft, ein Element flexibel zu machen.

Verwenden Sie den folgenden Code, um die Liste vertikal nach unten auszurichten −

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

Das obige ist der detaillierte Inhalt vonHTML5/CSS richtet Listenelemente basierend auf der gegenseitigen Höhe anderer Spalten aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!