1 2 3 4 5 6 7 8 9 | position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); | cs |
이 방법을 사용할 때 주의할 점이 있다... 화면에 의도하지 않은 선이나 여백이 나타날 수 있는데 이는 원래의 요소 크기가 홀수인 경우 발생한다... 이미지가 홀수인 경우에는 소수점 자리가 나타나므로 반드시 원래 이미지를 짝수로 만드는 것이 좋다. 개인적으로 모든 고정된 요소에 값을 부여할 때 짝수값을 주는데 이런 습관이 도움이 될 수도 있다.
MrZZang