가로정렬
-
가로정렬(가운데 정렬)! 웹 공부 ! 2018. 3. 7. 15:26
html & css을 하다보면 가로 정렬에 애를 먹는 경우가 종종 있다. text-align: center 속성을 넣어도 적용이 되지 않고 margin:0 auto를 넣어도 적용이 안되는 경우가 종종 있다. 그럴 경우 사용하는 ! TIP ! html 파일의 div를 가운데 정렬을 한다면 . cssdiv{ width: 100px; 넓이값 position: relative;/ position: absolute; 속성을 3차원으로 바꾸는 작업을 해야 한다. left: 50%; 왼쪽으로 50% 이동 margin-left: -50px; 넓이의 절반을 다시 오른쪽으로 이동} 이런 방식으로 하면 좀 더 편하게 가운데 정렬을 할 수 있다.