css3中flex布局如果实现平均分配元素

这篇文章主要为大家展示了css3中flex布局如果实现平均分配元素，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带大家一起来研究并学习一下“css3中flex布局如果实现平均分配元素”这篇文章吧。

网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了振兴免费建站欢迎大家使用！

例子一：




  
    flex 布局

例子二：




  
    flex 布局
  


    
    left

main

right left

main

right left

main

right

css3中flex布局如果实现平均分配元素

flex:0 0 33.3% 相当于flex-basis:33.3%，使每一个元素的宽度占外层容器的33.3%，因此每行最多能够排开三个元素。

flex-wrap:wrap 表示每行填满时会自动换行。

例子三：




  
    flex 布局
  


    
    left
    main
    right
    left
    main
    right
    left
    main
    right

css3中flex布局如果实现平均分配元素

justify-content:space-between表示主轴方向的多余空间平均分配在两两item之间。

以上就是关于“css3中flex布局如果实现平均分配元素”的内容，如果改文章对你有所帮助并觉得写得不错，劳请分享给你的好友一起学习新知识，若想了解更多相关知识内容，请多多关注创新互联行业资讯频道。

当前名称：css3中flex布局如果实现平均分配元素
文章源于：http://hbruida.cn/article/piiosd.html