webkit 브라우저에서 가운데로 정렬하기 위해 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); 를 사용할때 텍스트 또는 사진이 흐릿하게,, 뿌옇게 보이는 버그가 발생한다. 그럴때!!transform:translate(-50%,-50%) 말고 translate(calc(-50% + 0.5px), calc(-50% + 0.5px)) 를 사용한다.그럼 해결,, 단, 이미지나 컨텐츠에 height값이 잡혀있을 경우홀수값으로 줘야 작동한다. 약간 야매방법이라서,,absolute로 꼭 가운데 정렬을 해줘야하는데 흐릿한 현상이 생길경우 사용하는 게 좋을것같다.다른 방법으로 가운데정렬을 사용해도 된다면다른 방법을 쓰자 +추가position:abs..
CSS
css로 작업을 하다 보면 block요소를 수평으로 주고싶을때 float나 inline-block 을 많이 씁니다 사실 이 방법으로 많이 쓰다보면 float 같은 경우에는 부모요소에 float해제도 시켜줘야하고 .. (귀찮고 비효율적) flex는 굉장히 유연하고 요소의 정렬,방향,크기,순서 까지 제어 할 수 있어요. 사실 쓰다 보면 신세계..!! 왜그런지 같이 공부해볼까요?? 이번 포스트는 부모에게 속성을 적용해 요소들이 배치가 되는 속성들을 배워볼 거에요. 집중 ~~ 1.flex 사용방법 : display:flex flex를 사용하기 위해선 컨테이너와 그 의 자식 을 만들어주어야 합니다. container 안에 item요소들을 만들어줄게요 1 2 3 4 5 위에 처럼 만들어 주었다면 flex를 적용볼게..
