CSS常用レイアウトの——等分等高ソリューション

cssボックス(標準or非標準)でよく使われるレイアウトを見渡すと、私は大きく2種類に分けられ、1つは中央、1つは等分です.中央には、水平方向の中央、垂直方向の中央、水平方向の垂直方向の中央が含まれます.等分には等分ブロックレイアウト、等分高レイアウトが含まれています.

等分レイアウト

まず等分のレイアウトスキームを見てみましょう
1. float

  

    
1
  
  

    
2
  
  

    
3
  
  

    
4
  

互換性が良い(IE 8以上)
**2. flex **

  

    
1
  
  

    
2
  
  

    
3
  
  

    
4
  

互換性が悪い(flexはcss 3に属する)
互換性:IE 8以上
3. table

  

    

      
1
    
    

      
2
    
    

      
3
    
    

      
4
    
  

互換性:IE 8に対応可能

とうこうはいち

1. table

  

    
left
  
  

    
right
    
right
  

tableの機能を利用して、列ごとに等幅
2. flex

  

    
left
  
  

    
right
    
right
  

3. float

  

    
left
  
  

    
right
    
right
  

擬似等高(背景表示高さのみ等しい)で、左右の真実の高さは等しくありません.互換性が良い.