자동 가운데 배치

1835 단어 배치
세 가지 스킬 포인트:
표준 문서 흐름
블록 레벨 요소
margin 속성
일반적으로 우리의 웹 페이지 요소는 첫 번째 내용의 밑에 세 부분으로 설정한 다음에 세 가지 내용을 동시에 가운데에 두어야 한다. 우리는 보통 세 개의 라벨 바깥쪽에 wrap 패키지 라벨을 계속 추가해야 한다.
<div id="wrap">

    <div id="header">...</div>

    <div id="content">...</div>

    <div id="footer">...</div>

</div>

wrap의margin 속성을 설정해야 합니다
#wrap{

   margin:0 auto;

   .......  

}

외부 여백 = (브라우저 너비 - 아웃소싱 레이어 너비)/2
참고:
만약 wrap층이 부동이나 절대적인 위치를 설정한다면 이런 자동 중심 맞추기 방식은 쓸모가 없다.
 
iOS status bar 화이트 텍스트
[iOS] TestFlight를 사용하기 전 단계

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage