は、より良いサポートとどちらが良いとことをお勧めしている1本CSS TransformまたはFlexboxを中心にサポートしていますか？ CSSでセンタリング
display: flex;
align-items: center;
justify-content: center;
のようなフレキシボックスでセンタリングVS この
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
のように変換しますか？
リンゴとオレンジ。 absoluteは、ページのフローから要素を削除し、flexはそれを行いません。それはあなたのために働くかもしれません。 transformはflexよりも優れたブラウザサポートを持っていますが、flexはかなり広くサポートされています（現時点で97％のブラウザサポート）。私がabsoluteとtransformを使用する唯一の理由は、ブラウザのサポートで、flexを超えています。
また、display: table-cell; text-align: center; vertical-align: middle;を使用して同じことを行うこともできます。これは、前述のいずれの方法よりも優れています。 http://caniuse.com/#feat=css-table
お客様の要件に適したものを使用してください。
私はフレックスボックスを自分で使います。センタリングは最初の素晴らしいことです。その他のオプションについては、W3Schoolsを参照してください：反転、折り返し、間隔など。 CSSのサポートを確認するには、caniuse.comが優れたリソースです。
CSSトランスフォームの方が優れていますが、フレックスボックスの方が優れていますが、これは非常に多くのことに依存しています...また、主にオピニオンベースです。 – LGSon
リンゴとオレンジ。 'absolute'はページの流れから要素を削除し、flexはそれをしません。それはあなたのために働くかもしれません。 'transform'は' flex'よりも優れたブラウザサポートを持っていますが、flexはかなり広くサポートされています（現時点で97％のブラウザサポート）。要件に合ったものを使用してください。 –
@MichaelCokerありがとう、あなたは答えとしてそれを置くべきです。 @ジェイローガー、それは – Jay