CSS スタイルでの位置属性の絶対的および相対的な水平方向のセンタリング

まず、スタイルにおけるこれら 2 つのタイプの配置を理解する必要があります;

absolute (絶対配置): 割り当てられたオブジェクトをドキュメント フローの外にドラッグし、最も近いオブジェクトを基準にして左、右、上、下などの属性を使用します。配置設定のある親オブジェクトは絶対配置されます。親オブジェクトに配置属性が設定されていない場合は、デフォルトのルール (ボディの左上隅を基準に配置) に従って配置されます。オブジェクトを積み重ねることができます。

相対 (相対配置): オブジェクトは、左、右、上、下などの属性を使用して通常のドキュメント フローに配置できません。

センタリング:

1. 絶対配置を使用してオブジェクトの適応センタリングの効果を実現するには、たとえば、次のコードでセンタリングを設定する必要があります。相対位置決め、実現可能 センタリング効果、通常のドキュメントフロー内にあるため、その参照オブジェクトはそれ自体であり、次のように設定できます:

.ceshi
    { 
        position:absolute;
        bottom: 10%;
        display: block;
        width: 250px;
        left:50%;
        margin-left:-125px;
        }

以上がCSS スタイルでの位置属性の絶対的および相対的な水平方向のセンタリングの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。