作者:禹拇誓 | 来源:互联网 | 2020-08-08 21:58
本篇文章给大家带来的内容是关于css中flex弹性布局的步骤讲解(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
html:
步骤一:先给父级容器设置 display: flex;,代表采用 flex 弹性布局
步骤二:设置主轴方向
①flex-direction: row;(默认参数)主轴方向水平向右,结果如图:
justify-content:flex-start(default)||flex-end||center||space-between||space-around 伸缩容器
以上就是css中flex弹性布局的步骤讲解(附代码)的详细内容,更多请关注 第一PHP社区 其它相关文章!