유혁의 개발 스토리

[HTML + CSS] div 태그 CSS 가운데 정렬 본문

HTML Javascript css

[HTML + CSS] div 태그 CSS 가운데 정렬

유혁. 2017. 7. 3. 20:38

 

div 태그 가운데 정렬입니다.

 

 

div {
    width: 100px;
    height: 100px;
    background-color: #FAED7D;

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

 

<body>

<div class="div"/>

</body>

 

 

 

 

참고

https://stackoverflow.com/questions/356809/best-way-to-center-a-div-on-a-page-vertically-and-horizontally

'HTML Javascript css' 카테고리의 다른 글

[html] Spring 에서 img 클릭시 form submit 하는방법  (0) 2017.09.07
[HTML + CSS] div 태크 링크걸기 href  (0) 2017.07.31
[HTML + CSS] div 텍스트 가운데 정렬  (0) 2017.07.28
[HTML + CSS] input 숫자만 입력 가능하게 만들기  (1) 2017.07.21
[HTML + CSS] margin % 불일치, 맞지않을 때  (1) 2017.07.05
'HTML Javascript css' Related Articles more