반응형 컨테이너 가운데 정렬하기 반응형 (1) 썸네일형 리스트형 [html/css] element 또는 요소(div) 가운데 정렬시키는 몇 가지 방법 (position, margin, flex 등등) div table 등등 가운데 정렬시키기~ 이번에는 상황에 따라(?) 요소를 가운데 정렬시키는 법을 정리해보려고 해요. 먼저 화면에 요소를 가운데 정렬시키고 싶을 때! 1. position 속성 사용 [inline-block] 간단하게 또 로그인 예제를 사용해서 살펴봅시다. Welcome to login site 아이디 비밀번호 로그인 부모인 body를 기준으로 위치를 맞출것이므로 position 속성을 absolute 로 맞춰줍니다 absolute 절대적이라는 의미로 자신의 위치를 부모 객체를 대상으로 맞춥니다. (다른 요소들에게 영향받지 않아요) position이라는 속성들의 조합은 레이아웃을 디자인하는데 엄청난 사용성(?)을 발휘하는 데 나중에 따로 다뤄보도록 할게요 css를 이렇게 바꿔줄게요 di..
최신 댓글