css之Flex布局(二)

发布于:2021-10-21 18:41:53

flex布局(二)之flex-item的属性


前言:这里的flex-item的属性是指Flex容器中项目div的属性



继上篇讲了flex布局的容器的六大css属性,这次来说说容器中的项目(flex-item)的六大css属性


orderflex-growflex-shrinkflex-basisflexalign-self

在下面的代码实例中,为了更直观的看属性的解析。不会在代码中给每个div设置宽高度。但是这个步骤在实际代码中是必须的! 假设每个flex-item的宽高都为200px



order属性

根据对每个flex-item规定的order值的大小进行比较,各个flex-item将从小到大进行重新排列。对于没有设置order属性的flex-item,默认order为0


...

最新更新

猜你喜欢