這篇文章主要講解了“css中flex布局的說明和實例用法”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“css中flex布局的說明和實例用法”吧！

成都創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來，先為雨花等服務建站，雨花等地企業(yè)，進行企業(yè)商務咨詢服務。為雨花企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

說明

1、flex的使用方法很簡單，只需要將其display屬性設置為flex就可以，也可以設置行內的flex。

記得Webkit內核的瀏覽器，必須加上-webkit前綴。

2、設為Flex布局以后，子元素的float、clear和vertical-align屬性將失效。

實例

   .ele{
       display: -webkit-flex;
       display: flex;
       display: inline-flex;
       display: -webkit-inline-flex;
   }

感謝各位的閱讀，以上就是“css中flex布局的說明和實例用法”的內容了，經過本文的學習后，相信大家對css中flex布局的說明和實例用法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關知識點的文章，歡迎關注！