HTML 수직(세로), 수평(가로) 가운데 정렬

---

인터넷에 검색하면 많은 나오는 정보를

또 검색하지 않게 옮기거나 작성하였습니다.

저에게만 맞춤 정보로 편집되었습니다.

내용이 업뎃이 필요하면 새글이 아닌 수정됩니다.(수정 내용은 밣히지 않습니다.)

초등 저학년 수준의 글쓰기이니 글을 보시면서도 이해 부탁 드립니다.

---

---

목적

노출 되는 화면 사이즈와 상관없이

정가운데 정렬

---

   position : absolute ;
   left : 50% ;
   top : 40% ;
   transform : translate(-50%, -50%) ;

 

div 코드에 style="  코드; 코드 ; 코드  ;"

이렇게 해도 되나

CSS로 지정하는 것이 편하다.

 

 

 

여느 웹사이트 하단에 고정되어 있는 회사 정보 칸처럼 표현하려면

footer 코드를 사용한다.

css 상에 footer(class이름으로 설정) 코드 사용 예시

.footer {

width : 100%

height : 99999px ;

position : absolute ;

bottom : 0 ;

left : 0 ;

}

'height'가 노출 되는 높이가 된다.

 

중요한 것은 body의 height 값도 동일하게 지정되어 있어야 한다.

 

 

---

가장 편한 방법

css에서 class 설정 시

margin : auto ;

로 하면 됨.