ホームページ > 記事 > ウェブフロントエンド > [フロント] CSSコントロールDIV垂直centering_html/css_WEB-ITnose
[フロント] CSSコントロールDIV垂直centering_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:28:371510ブラウズ
div の垂直方向の配置に関する投稿を転送しました。画像を読むとわかりやすいです
絶対位置position:absolute;を使用します
そのときtopとleftを50.top:50%;left:50%;に設定します
この時ブラウザでは緑色の点で表示されるので写真の場所はデフォルトの実際の場所です。コンテンツを中央に配置するには、margin-left と margin-top をそれぞれ負の半幅と半幅に設定します。
何があっても効果は得られます…いつもちょっと嘘っぽい感じです（笑）。
式は FF ではサポートされていないため、動的割り当てを制御するには JS を使用するのが最善です。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。