首页 > 文章列表 > css中flex布局如何使用

css中flex布局如何使用

cssflex布局
259 2022-08-06

说明

1、flex的使用方法很简单,只需要将其display属性设置为flex就可以,也可以设置行内的flex。

记得Webkit内核的浏览器,必须加上-webkit前缀。

2、设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。

实例

   .ele{
       display: -webkit-flex;
       display: flex;
       display: inline-flex;
       display: -webkit-inline-flex;
   }

本文教程操作环境:windows7系统、css3版,DELL G3电脑。