Skip to content

Latest commit

 

History

History
19 lines (15 loc) · 1.01 KB

flex布局align-self使用场景.md

File metadata and controls

19 lines (15 loc) · 1.01 KB
title staticFileName author createDate description keywords category
flex布局align-self使用场景
align_self.html
guoqzuo
2019/11/21
一般flex布局,使用algin-items: center垂直居中后,item子项某一个高度比较高,其他子项的高度也会是高度最高的子项高度。设置border时会特别明显。如果需要让item高度适应内容,就可以使用 align-self: flex-start。
align-self,flex align-self使用场景
CSS

flex布局align-self使用场景

一般flex布局,使用algin-items: center垂直居中后,item子项某一个高度比较高,其他子项的高度也会是高度最高的子项高度。设置border时会特别明显。如果需要让item高度适应内容,就可以使用 align-self: flex-start。

align-self.png

参考之前的笔记:align-self(item独立对齐方式)- flex与grid布局