Margin은 매우 중요한 속성인데 HTML에서 margin 0 auto를 어떻게 사용하나요? 오늘은 margin:0 auto를 소개하겠습니다
margin 설정 객체outer margin. DIV에 대한 테두리 스타일을 설정하면 실제로는 DW 소프트웨어에서 볼 수 있습니다. 테두리 외부의 거리 이 스타일은 개체 사이의 간격(DIV) 스타일을 설정합니다.
margin:0 자동 함수 구문
1. margin:0 자동 소개
margin:0 auto는 개체의 위쪽 및 아래쪽 간격을 0으로 설정하고 왼쪽 및 오른쪽 간격은 자동입니다.
분할 가능: margin:0 auto 0 auto(상단 및 하단)
분할 가능: margin-left:auto;margin-right:auto;margin-top:0; margin-bottom:0;
2. Function
margin:0 자동 스타일을 DIV로 설정하여 브라우저에서 DIV를 가로 중앙에 놓습니다. 레이아웃 센터링 및 가로 센터링의 경우 margin:0 auto를 추가하면 됩니다.
조인트 포인트: 자동(자동, 적응형)
DIV의 너비를 500px로 설정하고 margin:0 자동 스타일을 설정하면 브라우저 창 너비가 1000px인 경우 이 DIV는 왼쪽에 있게 됩니다. 그리고 왼쪽으로 오른쪽 간격이 (자동)이면 브라우저는 DIV 왼쪽과 오른쪽의 너비 250px 간격을 자동으로 인식합니다. 이때 DIV 상자는 자연스럽게 브라우저의 가로 중앙에 배치됩니다.
margin:0을 자동으로 설정하는 이유는 무엇인가요?
이 스타일을 브라우저에서 가로로 중앙에 배치하도록 설정하세요. 목적은 주요 브라우저와 호환되고 레이아웃을 중앙에 배치하는 것입니다. margin:0 자동 CSS 스타일을 추가하지 않으면 레이아웃이 일부 브라우저에서는 중앙에 배치되고 다른 브라우저에서는 왼쪽에 배치됩니다.
금지됨: DIV 레이아웃을 브라우저 중앙에 배치하려면 margin: 0 auto를 추가하고 floatfloat 스타일을 추가하면 논리 오류를 방지하고 레이아웃 중앙 정렬 비호환성을 유발할 수 있습니다.
저희 소개를 통해 여러분은 마진 0 자동 속성을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 주세요!
관련 읽기:
위 내용은 HTML에서 여백 0 자동을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!