码迷,mamicode.com
首页 > 其他好文 > 详细

伸缩布局让你头疼

时间:2019-02-23 01:25:30      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:between   around   play   9.png   splay   column   content   direct   mic   

Flex布局 即display: flex;

1.flex-direction:

未加display: flex;

技术图片

添加display: flex;

技术图片

flex-decoration: row-reverse; (-webkit)

技术图片

flex-direction: column;

技术图片

flex-direction: column-reverse;

技术图片

2.justify-content

justify-content: flex-start;

juseify-content:flex-end;

技术图片

 

justify-content: center;

技术图片

 

justify-content:space-between;

技术图片

 

justify-cotnent:space-around;

技术图片

 

伸缩布局让你头疼

标签:between   around   play   9.png   splay   column   content   direct   mic   

原文地址:https://www.cnblogs.com/growydp/p/10421197.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!