您现在的位置是:课程教程文章
css中flex是什么
2023-12-13 23:29课程教程文章 人已围观
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教程
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
课程教程:css中flex是什么下一篇:没有了