CSSスタイル:共通中心方法

ここでは一般的な達成するためのいくつかの方法が集中しています

水平センター:

オート1.左右の余白。(従来のブロックフローカートリッジ、固定幅無し弾性カートリッジ)。

2.弾性ボックスが正当化-内容を設定:センター;弾性プロジェクトが主軸を中心にしましょう。

配置された前記親要素テキスト整列:センター;中央テキスト内で許可。

前記要素の相対位置、マージン左:50%;変換:移動X(50%に)。

垂直方向の中心:

1.単一行のテキストが垂直に配置された中心線の高さは、親要素がブロックの高さを含んでいます。

2.柔軟ポーチに配置ALIGN-アイテム:センターボックスの弾性側がシャフトの中心になるように。

前記上部要素の相対的な位置決め、50%は、変換:移動Y(50%)。

おすすめ

転載: www.cnblogs.com/an2333/p/11609432.html