Rachel Andrew
이제 블록 및 테이블 레이아웃에서 CSS 상자 정렬의 align-content 속성을 사용할 수 있습니다. 이렇게 하면 가변 레이아웃이나 그리드 레이아웃을 만들지 않고도 블록 방향 정렬을 사용할 수 있습니다.
브라우저 지원
- 123
- 123
- 125
- 17.4
이전에는 불가능했던 항목을 세로 방향으로 중앙에 배치하는 작업이 align-content 속성과 함께 flexbox와 그리드를 더 쉽게 사용할 수 있었습니다. 그러나 이 정렬을 실행하는 것 외에 다른 이유로 가변 또는 그리드 레이아웃을 만드는 것이 포함되었습니다.
이 속성은 블록 레이아웃에 지정되었으며 지난 몇 달 동안 세 가지 주요 엔진에서 모두 이 기능을 출시했습니다.
블록 레이아웃에 align-content를 사용하면 속성이 작동하는 가변 또는 그리드 레이아웃을 만들지 않고도 세로 정렬을 수행할 수 있습니다. 항목이 블록 항목으로 유지되므로 추가 속성이 필요하지 않으며 정렬만 변경됩니다.
align-content 속성은 블록 컨테이너 내에서 제목을 세로로 중앙에 배치합니다.