Flex合理布●▂●局让子项目维持本身高宽比的完

2021-03-23 12:53 jianzhan

再用了Flex合理布局会发觉,当水准排序后,会发觉全部子项目的高宽比都变为一样的了。


 

它是由于Flex 合理布局会默认设置:

  • 把全部子项目变为水准排序。
  • 默认设置不全自动换行。
  • 让子项目两者之间內容等宽,并把全部子项目的高宽比变成最大子项目的高宽比。

那样设定情况色的情况下十分不便捷,那麼立即在父项上,将align-items设成 flex-start,或是align-items特性的别的值都可以以,子项目便会维持本身的高宽比了。

.fat{
	display: flex;
	align-items: flex-start;
}

实际效果以下:

到此这篇有关Flex合理布局让子项目维持本身高宽比的完成的文章内容就详细介绍到这了,大量有关Flex子项目维持本身高宽比內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!