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;
}

쓰고 나면 너무 간단해서 의외이지 않나요?

[관련 추천]

1. 무료 CSS 온라인 동영상 튜토리얼

CSS 온라인 매뉴얼

3. php.cn Dugu Jiujian (2)-css 동영상 튜토리얼

위 내용은 CSS를 사용하여 div를 항상 중앙에 맞추는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!