jjw

写给自己的博客。 记录学习的点滴以备查。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

flex 布局 justify-content 对齐的图解

Posted on 2020-05-15 22:53  jjw  阅读(866)  评论(0编辑  收藏  举报

space-around对齐时, 三个div之间的距离是与父边框之间距离的【两倍】

 

space-evenly对齐时,三个div之间的距离是与父边框之间的距离 【相等】

 

 space-between对齐

 

center对齐时,是三个div挨在一起(当做一个元素)居中。