1、flex是flexible的缩写,意思为弹性布局,用来为盒模型提供灵活性。
任何一个容器都可以指定为 flex 布局(包括行内元素)
2、利用flex实现居中布局,实现简易的弹性伸缩布局。
实例
<style> /*使用flex进行布局*/ .wrap{ display:flex; justify-content:center; align-items:center; height:400px; width:100%; border-bottom:1pxsolidblack; } .box{ height:200px; width:200px; background:red; } </style> <body> <div> <div></div> </div> </body>
以上就是css中flex的介绍,希望对大家有所帮助。更多css学习指路:css教程
原文来自:https://www.py.cn© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容