> 웹 프론트엔드 > HTML 튜토리얼 > HTML에서 여백 0 자동을 사용하는 방법

HTML에서 여백 0 자동을 사용하는 방법

php中世界最好的语言
풀어 주다: 2017-11-23 17:56:07
원래의
9608명이 탐색했습니다.

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에서 웹페이지의 배경 이미지를 설정하는 방법

css의 커서 속성을 설정하는 방법

CSS에서 테두리 반경을 사용하는 방법

위 내용은 HTML에서 여백 0 자동을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿