flexbox中央

703 ワード

flexboxを利用してdivの中央のcssを実現して、高いバージョンのIEはやっとサポートします.しかし、マイクロソフトさえIEを放棄してedgeを変更したのに、私たちはどうしてIEの上であがき続けなければならないのか、頑固な人たちがIEを使うことを容認できないのか.先端開発としてIEの淘汰に貢献しなければならない.

.block-center{
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
親コンポーネントにcssスタイルを追加すると、親コンポーネント内のサブコンポーネントの中央揃えが実現されます.