ホームページ  >  記事  >  ウェブフロントエンド  >  縦横中央揃え

縦横中央揃え

WBOY
WBOYオリジナル
2016-10-09 08:31:49792ブラウズ

これがボディコードです

1. 縦横中央揃え

分析: 親要素は相対的で、子要素は絶対的で、幅と高さを設定します。top と left は 50% に設定され、margin-top と margin-left は高さと幅の半分を乗算した値に設定されます。 -1.

2. 水平方向の中央揃え:

方法 1: マージン: 0 自動;

方法 2:

分析: 親要素の相対値、子要素の絶対値、子要素の幅セット、左: 50%、マージン左: 幅の半分に -1 を乗算します。

3. 垂直方向のセンタリング:

分析: 親要素の相対値、子要素の絶対値、子要素の高さの設定、上部: 50%、マージン上部: 幅の半分に -1 を乗算します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。