absolute 가운데 정렬하는 css

 

 

 

안녕하세요. 오늘은 absolute인 요소를 가운데 정렬 시키는 css

 

.pop { position:absolute; left;50%; transform:translateX(-50%);}

 

 

left : 50% // 전체 가로 수치에서 절반만큼 이동시킨다.

transform:translateX(-50%); 자신의 가로 수치 절반만큼 이동시킨다.

 

 

2018/11/29 - [웹디자인] - 마우스 오버시 이미지 확대 css팁

2018/11/13 - [웹디자인] - 드롭다운메뉴 마우스오버시 하위메뉴 다운 (css적용)