CSS - div내의 img를 중앙 정렬하기

• position을 absolute로 주고 margin을 auto로...

1 2 3 4 5 6 7 8 9

div#visor-progress-circle img{     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     margin: auto; }

cs

반응형 css / div 가운데 정렬하기

• @media screen and (min-width : 최소값 - 이 크기보다 클때 해당 css 를 적용)
• max-width : 최대값  이 크기보다 작을때 해당 css 를 적용
• margin left/right auto - 왜그런진 모르겟지만 div를 가로에서 가운데 정렬시켜줌
• absolute 속성 필요

1 2 3 4 5 6 7 8 9

/* 화면이 1980px보다 클시 */     @media screen and (min-width: 1980px){         div#googlePlay{             width: 1980px !important;             left:0; right:0;             margin-left:auto; margin-right:auto;         }     } Colored by Color Scripter

cs

ㅇ

CSS positon absolute로 화면 크기에 상관없이 중앙에 오게 하기

• 정확한 동작방식은 모름..

1 2 3 4 5 6

.center {     position: absolute;     top: 35%;  /* position the top  edge of the element at the middle of the parent */     left: 50%; /* position the left edge of the element at the middle of the parent */     transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */ } Colored by Color Scripter

cs

ㄴ

pt 와 px 의 차이?

 정 석 　　Npt = (N+3)px (단, N은 자연수)

pt(PoinT): [단위] 하나의 글꼴을 화면, 지면 따위에 출력할 때 사용하는 그 글꼴의 세로폭. 대체로 한 글꼴의 크기를 결정한다.

px(PiXel): [단위] 하나의 글꼴이 화면에 출력될 때 그 글꼴이 차지하는 화면 최소 구성요소(픽셀)의 수. 흔히 화면에서 차지하는세로폭을 의미한다.