정보실

웹학교

정보실

css CSS를 이용한 정렬하기 몇 가지 규칙

본문

  • 텍스트 또는 인라인 요소를 정렬하는 경우? text-align, vertical-align 및 line-height를 사용.
  • 페이지 또는 컨테이너의 가운데에 정렬 할 항목이 있는 경우? 컨테이너를 flex 컨테이너로 만든 다음 align-items : center 및 justify-content : center를 설정.
  • Grid 레이아웃의 경우? 블록 방향에서 align- 시작되는 속성. 인라인 방향으로 justify- 시작하는 것.
  • Flex 레이아웃의 경우, 교차 축에서 align- 시작하는 속성. 주축에서 justify- 시작하는 것들.
  • justify-content 및 align-content 속성은 추가 공간을 배포합니다. 플렉스 또는 그리드 컨테이너에 여분의 공간이 없으면 아무 작업도 수행하지 않습니다.
  • Flexbox에서 justify-self가 필요하다고 생각된다면, 자동 마진을 사용하면 아마도 패턴을 줄 것입니다.
  • 그리드와 플렉스 박스는 작은 레이아웃 작업은 물론 주요 구성 요소 인 실험을 위해 정렬 속성과 함께 사용할 수 있습니다.

CSS에서 여러 가지를 정렬 할 수있는 방법을 다양하게 갖추고 있습니다.








페이지 정보

조회 256회 ]  작성일19-04-27 16:19
CSS

웹학교