Flex布局的基础知识

嘿嘿，你们晓得Flex布局吗？它就像是我们Zuo网页布局的细小帮手，Neng让我们的网页kan起来geng漂亮哦！Flex布局中有两个特别关键的东西， 一个是叫justify-content，另一个是align-items。justify-content就像是告诉网页元素说：“你们要在这条线上优良优良排队，不要挤在一起！”而align-items就像是个指挥家，说：“巨大家站直了别歪歪扭扭的！”

Flex布局怎么用呢？

我们要用Flex布局，就要先告诉网页元素：“嘿，你是个Flex容器哦！”我们这样写代码：.container { display: flex; }这样就告诉元素，你要按照Flex布局来排布你的孩子元素啦！

居中对齐细小技巧

Ru果我们要让里面的东西居中呢？hen轻巧松， 写上：.container { display: flex; justify-content: center; align-items: center; }这样里面的东西就会在中间啦，就像我们排队一样，站得整齐整齐的。

响应式设计的细小暗地

眼下的网页要习惯各种各样的设备， Flex布局也hen厉害，Neng自动调整。比如 我们想让细小屏幕上的东西竖着排，就写：@media { .container { flex-direction: column; }}这样细小屏幕上的东西就会像铅笔一样竖着站啦！

Flex布局的顺序也Neng玩

我们还Neng决定东西的顺序， 比如想让某个东西先站出来就写：.item { order: 2; }这样它就会排在第二个啦！

Flex布局的优良处

Flex布局真实是个优良东西， 它让我们的网页布局变得轻巧松又有力巨大，解决了以前hen许多布局上的困难题。用Flex布局，我们就NengZuo出geng漂亮、geng习惯各种设备的网页啦！ 优良了今天我们就学到这么许多关于Flex布局的知识。希望你们Neng中意这玩意儿神奇的布局方式，以后Zuo网页的时候也Neng用得上哦！