CSS 스타일의 위치 속성 절대 및 상대 수평 가운데 맞춤

먼저 스타일에서 이러한 두 가지 유형의 위치 지정을 이해해야 합니다.

절대(절대 위치 지정): 할당된 개체를 문서 흐름 밖으로 드래그하고 가장 가까운 개체를 기준으로 왼쪽, 오른쪽, 위쪽, 아래쪽 및 기타 속성을 사용합니다. 위치 지정이 설정된 상위 개체는 위치 지정 속성이 설정되지 않은 경우 기본 규칙(본체의 왼쪽 상단을 기준으로 위치 지정과 동시에 절대 위치 지정)에 따라 설정됩니다. 물체를 쌓을 수 있습니다.

relative(상대 위치 지정): 개체는 왼쪽, 오른쪽, 위쪽, 아래쪽 및 기타 속성을 사용하여 일반적인 문서 흐름에서 배치할 수 없습니다.

센터링:

1 절대 위치 지정을 사용하는 개체에 대한 적응형 센터링 효과를 얻으려면 개체의 너비를 설정해야 합니다. 예를 들어 개체의 경우 센터링은 다음과 같습니다. 상대 위치 지정을 사용하면 일반적인 문서 흐름에 있기 때문에 중심 효과를 얻을 수 있으므로 참조 객체는 그 자체이며 다음과 같이 설정할 수 있습니다.

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

위 내용은 CSS 스타일의 위치 속성 절대 및 상대 수평 가운데 맞춤의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!