ホームページ > 記事 > ウェブフロントエンド > CSSを使用してdivを常に中央に配置するにはどうすればよいですか?
画面がどのようにスライドしても、pは常に画面の中央に残ります(IE7(IE7を含む)以降をサポート)
以下に紹介する簡単なコードでこの機能を実現できますので、参考にしてください。
<p class="loginBox"></p>
CSS部分は次のように書く必要があります:
.loginBox { background: #FA2; width: 700px; height: 400px; position: fixed; left: 50%; top: 50%; z-index: 11; /*设定这个p的margin-top的负值为自身的高度的一半,margin-left的值也是自身的宽度的一半的负值.*/ /*宽为400,那么margin-top为-200px*/ /*高为200那么margin-left为-100px;*/ margin: -200px 0 0 -350px; }
書いてみると、意外と簡単だと思いませんか?
【関連おすすめ】
3.php.cn Dugu Jiijian (2) - CSSビデオチュートリアル
以上がCSSを使用してdivを常に中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。