가변적인 브라우저의 크기의 경우 특정 DIV를 정중앙에 위치시킬 때 관련 블로그에 내용이 상당히 많이 나와 있긴하다.
예를 들면 iniline-block로 해서 문자로 인식하게 해서 text-align Center를 준다던가...(이러면 안에 모든 텍스트가 중앙정렬된다 ㅠㅠ)
이것 저것 고민하다가 아래와 같은 css 코드로 해결하였다.
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- -ms-transform: translate(-50%,-50%);
'Web > CSS' 카테고리의 다른 글
| 반투명한 Div 만들기 (0) | 2018.02.21 |
|---|