csstransform1 css가로가운데정렬 하는 방법 상황에 맞게 사용하기 [ transform 속성을 이용한 방법 ] transform는 크기조절 혹은 이동, 회전, 왜곡을 할 때 사용합니다. transform:translate( x, y ) 지정된 값만큼 x축 y축이 이동하게되며 px과 %로 지정이 가능합니다 이때 position:absolute를 이용하여 가운데 지점으로 이동시킨 후 div요소 크기의 -50%만큼 반대로 이동시켜 완전한 가운데 정렬이 이루어지게 만듭니다 ※ 이는 width값에 따라 동적으로 변하기떄문에반응형웹 혹은 유지보수에 효과적인 방법이에요 [ inline요소일때 text-align:center 이용하는 방법 ] 주로 텍스트를 가운데 정렬할 때 사용하는 방법입니다 ※ 이 속성값은 자식 요소로도 상속되어짐 [ block요소일때 margin:0 auto 이.. 2020. 6. 10. 이전 1 다음