スペース均等の[HTML / CSS] Flexのレイアウトの互換性

はじめプロパティ

  空間均等:各要素が一様に配置された、均等に各要素との間に離間

  空間との間に各要素を均一に配置され、第一の要素は、端に配置されている要素の始端に配置されています

 

考え

  私たちは、3つの要素のコンテナがあることを前提とし

  空間均等:容器の残りの空間は、間隙4によって二分されます

  スペース間:容器の残りの空間は、2つのギャップによって二分されています

  つまり、

  我々は擬似クラス0の場合、2つの空間の間の幅を追加した場合、(N-1 + 2)は、空間均等レイアウト(N + 1)に等しいであろう

コンテナ{ 
      ディスプレイ:フレックス。
      -コンテンツが正当化:スペースの間; 
       //正当化コンテンツを:スペース均等; 
} 
コンテナ::前に、
容器:: {後に
    コンテンツ: ''; 
    表示ブロック; 
}

  

おすすめ

転載: www.cnblogs.com/SoYang/p/11204381.html