文章出處

1.父元素display:flex之后成為伸縮容器,子元素(除了position:absolute或fixed)無論是display:block或者display:inline,都成為了伸縮項目。
2.可以固定一個伸縮項目的寬度,另一個伸縮項目自適應。
3.伸縮項目之間的空白自適應。
4.可以很方便進行水平和垂直方向的,居左,居中,居右,兩邊對齊等效果。
5.android瀏覽器4.4之前對于flex布局支持不好。
6.伸縮項目之間,沒有inline-block元素之間的空隙。
7.伸縮項目自動box-sizing:border-box。

 

參考鏈接:

http://www.w3.org/html/ig/zh/css-flex-1/

http://www.w3cplus.com/blog/666.html

http://qianduanblog.com/post/css-learning-16-css3-flex-responsive-design.html


文章列表


不含病毒。www.avast.com
全站熱搜
創作者介紹
創作者 大師兄 的頭像
大師兄

IT工程師數位筆記本

大師兄 發表在 痞客邦 留言(0) 人氣()