display:-webkit-flex;

为了兼容性，一般两条都写，如下

#main {display: flex;display:-webkit-flex;}

这样兼容性更好，使用那一条，交给浏览器去决定，两个效果都是一样的。

来自https://segmentfault.com/q/1010000009728277

display:-webkit-flex;相关推荐

学习关于display ：flex 布局问题！
很多人不明白这个display:flex是到底是什么东西,如何使用的 . 1.什么是display:flex呢? 答:flex是 flexible box的缩写,意为弹性布局 :这个东西的引入,为 ...
css display：flex详解
页面布局的时候经常需要给块级子元素居中,目前发现最方便直接的是父级元素使用display:flex属性, css display:flex 属性 6 2018.09.04 16:03:53 字数 90 ...
flexbox的学习，display：flex display：box 淘宝触屏版、饿了么网布局分析分析
Flex 布局教程:语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 父: display:flex: 父属性设置 flex-d ...
HTML5权威指南读书笔记12（第21章）--创建布局postion，z-index，column-count，display：flex，box-flex、algin、pack，table
1.概述 2.定位内容的位置 <head><style type="text/css">div{ p ...
解决display：flex布局出现的问题
1.页面实现过程中,有时候会希望页头或者页尾fixed固定布局,但是固定布局之后,会将元素的一些内容遮挡掉原因:使用了display:fixed布局之后,元素会浮动起来,不再占有以前的位置,解决的方 ...
Webkit Flex伸缩盒模型属性备忘
一个元素被定义display:-webkit-flex;则此元素即为伸缩盒模型中的伸缩容器,其包含的子元素是伸缩项目. flex是一个复合属性.Flexbox伸缩布局盒模型中的伸缩容器及伸缩特性定义. ...
转：Webkit Flex伸缩盒模型属性备忘
一个元素被定义display:-webkit-flex;则此元素即为伸缩盒模型中的伸缩容器,其包含的子元素是伸缩项目. flex是一个复合属性.Flexbox伸缩布局盒模型中的伸缩容器及伸缩特性定义. ...
display：flex弹性布局
一.背景前段时间帮公司运维小姑娘调整她自己写的页面样式时发现她用了display: flex,我这个后端老古董还不太懂flex,自愧不如啊,所以写篇博客记录学习下. 现在写的前端页面还停留在依赖 d ...
display：flex垂直居中
布局说明:1. 场次为一场比赛 2. 比赛双方是交战的两个队伍 3. 一场比赛可以有多种玩法,所以场的每个玩法的布局的高度都不确定. 主要说下我学到的垂直居中的flex. 1. 第一次尝试. 1 &l ...
display：flex
flex:弹性布局常用属性介绍: flex-direction: column (设置主容器主轴方向) flex-flow: row wrap (第一个参数为flex-direction,第二个为 ...

display:-webkit-flex;

display:-webkit-flex;相关推荐

最新文章

热门文章