響應式 字體設置 flex 彈性布局


 響應式 文字的設置

rem 案例

 

em  案例

       

 flex布局添加的小知識點

 

 

二.flex布局

 

     容器的屬性(父級添加的屬性)

   1. flex-direction:規定里面的子項目是如何排列的

    

row 決定里面的子項目事如何排列的

 

 2. Flex-wrap屬性:決定子元素在一條軸線上放不下,是否換行

 3.justify-content:定義了項目在主軸上的對齊方式

 

 

 4.align-items:定義項目在交叉軸上如何對齊

 

 

5 . Align-content:規定交叉軸方向的對齊方式

 

 在項目上(子集)設置的屬性  order flex-grow 

1.order屬性 :定義項目的排列順序;

2.flex-grow屬性:定義項目的放大比例  (flex-shrink:定義項目的縮小比例)

 設置頭部腳部時設置 flex-grow:1 

 

 3.flex-basis屬性

  

4.align-self屬性:允許單個項目有與其他項目不一樣的對齊方式

   

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM