프로그래밍 공부내용/CSS (2) 썸네일형 리스트형 가운데 정렬의 몇가지 방법 1. Display: flex justify, align 을 center로...! 2. text-align : center 3. margin : auto; auto를 하면 자동으로 정렬한다. 가운데 정렬시키려는 영역의 크기가 설정이 꼭 돼 있어야 함. 4. transform top: 50%; left: 50%; transform: translate(-50%, -50%) top, left 50% 로 contents 박스의 좌상단 꼭지점이 가운데 정렬시키려는 container의 정 중앙에 위치하게 되고 translate해서 contents 박스의 가운데를 가운데 정렬시키려는 container의 정 중앙에 위치하게 만들어준다. https://liis.tistory.com/28 calc()로 %, px, rem 등 혼용해서 계산하기 ttps://developer.mozilla.org/ko/docs/Web/CSS/calc calc() - CSS: Cascading Style Sheets | MDN calc() CSS 함수를 사용하면 CSS 속성의 값으로 계산식을 지정할 수 있습니다. developer.mozilla.org 가끔 100%를 주고 나서 10px정도만 움직이고 싶을 때가 있었다. 그럴때면 직접 픽셀을 계산해 주곤 했었는데.... 역시나 찾아보니까 쉽게 해줄 수 있었다. 바로 calc를 사용하면 된다. width: calc(100% - 80px); 이런식으로 하면 쉽게 가능하다.. 이전 1 다음