1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > flex弹性盒子的兼容性写法

flex弹性盒子的兼容性写法

时间:2021-03-25 03:33:00

相关推荐

flex弹性盒子的兼容性写法

将这些添到css文件中基本上能满足页面弹性盒子的需求

/*定义弹性布局盒子*/

display:{

display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;

}

/*定义子元素排列*/

flex-direction:{

-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-flex-direction:column;

}

/*横向排列布局*/

justify-content:{

-webkit-justify-content:center;justify-content:center;-moz-box-pack:center;-webkit--moz-box-pack:center;box-pack:center;

}

/*竖向排列布局*/

align-items:{

align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;

}

/*伸缩盒子布局兼容*/

flex:{

box-flex:num;-webkit-box-flex:num;-moz-box-flex:num;flex:num;-webkit-flex:num;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。
相关阅读
flex弹性盒子

flex弹性盒子

2021-12-04

Flex 弹性盒子布局

Flex 弹性盒子布局

2020-01-16

弹性盒子/flex

弹性盒子/flex

2021-07-21

认识弹性盒子flex

认识弹性盒子flex

2021-05-28