"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > \ "margin : 0 auto; \"는 어떻게 CSS의 요소를 중심합니까?

\ "margin : 0 auto; \"는 어떻게 CSS의 요소를 중심합니까?

2025-03-24에 게시되었습니다
검색:952

How Does \ 기능을 설명하기 위해 다음 예를 고려하십시오. 너비가 100 픽셀이고 폭이 50 픽셀의 하위 요소를 가진 부모 컨테이너를 가정하십시오. "마진 : 0 Auto"를 적용하면; 어린이에게 브라우저는 수평 마진에 사용할 수있는 여유 공간을 다음과 같이 계산합니다. 마진-오른쪽 : 25

결과적으로, 자식 요소는 부모 컨테이너 내에서 중심이되며, 왼쪽과 오른쪽 모두에 25 픽셀의 여백이 있습니다.

이 동작은 웹 사이트 레이아웃을 설계하거나 위치 또는 주변의 요법을 중심으로 해야하는 재사용 가능한 구성 요소를 만드는 것과 같은 다양한 시나리오에서 유용합니다. 수평 마진에 대한 "자동"값을 사용하면 반응 형 디자인을 단순화하고 다양한 화면 크기에 걸쳐 일관된 프리젠 테이션을 보장합니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3