이제 블록 레이아웃의 align-content 속성이 기준의 일부임

Rachel Andrew

게시일: 2024년 4월 17일

이제 블록 및 테이블 레이아웃에서 CSS Box Alignment의 align-content 속성을 사용할 수 있습니다. 이렇게 하면 flex 또는 그리드 레이아웃을 만들지 않고도 블록 방향 정렬을 사용할 수 있습니다.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: 125.
  • Safari: 17.4.

이전에는 불가능했던 항목을 세로로 가운데 정렬하는 작업이 align-content 속성과 함께 flexbox 및 그리드로 인해 더 쉬워졌습니다. 하지만 이 정렬을 수행하기 위해서만 플렉스 또는 그리드 레이아웃을 만들어야 했습니다. 이 속성은 블록 레이아웃에 지정되었으며 지난 몇 개월 동안 세 가지 주요 엔진 모두 이 기능을 제공했습니다.

블록 레이아웃에 align-content를 사용할 수 있으므로 속성이 작동하도록 flex 또는 그리드 레이아웃을 만들지 않아도 세로 정렬을 달성할 수 있습니다. 상품이 블록 상품으로 유지되고 변경되는 것은 정렬뿐이므로 추가 속성이 필요하지 않습니다.

align-content 속성은 블록 컨테이너 내에서 제목을 세로로 가운데에 배치합니다.