CSSでの垂直方向の配置について、またはそれを実行できないようにするためのより正確な方法について説明しましょう。 CSSは、コンテナー内でコンテンツを垂直方向に中央揃えするための正式な方法をまだ提供していません。それはおそらくどこでもWeb開発者をいらいらさせた問題です。しかし、この記事では、恐れないように、私たちはあなたを助けることができるいくつかのトリックをあなたによって実行するつもりです。 効果を真似る. ただし、これらのトリックには制限があります。 複数のトリックを使う 幻想を完成させる。あなたが他のトリックを知っているならば、コメントで私たちに知らせてください. 1.絶対位置を使用する ここで見る最初のトリックは、 ポジション 財産。 2つあります , 1つはコンテナ、もう1つはコンテンツを含む子要素です。. 最初にコンテナ要素の位置をrelativeに設定し、次に子要素の位置をに設定します。 絶対の. これにより、コンテナ全体に自由に配置できます。. 垂直方向に整列するには、子要素の位置を上からコンテナの高さの半分だけ移動し、子要素の幅の半分だけ引き上げます。これが出力です: このトリックは、子要素が1つしかない場合は完璧です。 絶対の 位置は同じコンテナ内の他の要素に影響します. 2. CSS3変換を使う CSS3変換 コンテンツを中央に配置するのが簡単になりました。 CSS3変換とは異なり、 ポジション プロパティ、同じコンテナ内の他の要素の位置には影響しません. 前のメソッドと同じHTML構造、つまり1つの親、1つの子要素があるとします。 - 50%...