이제 블록 및 테이블 레이아웃에서 CSS 상자 정렬의 align-content 속성을 사용할 수 있습니다. 이렇게 하면 가변 레이아웃이나 그리드 레이아웃을 만들지 않고도 블록 방향 정렬을 사용할 수 있습니다.
브라우저 지원
123
123
125
17.4
이전에는 불가능했던 항목을 세로 방향으로 중앙에 배치하는 작업이 align-content 속성과 함께 flexbox와 그리드를 더 쉽게 사용할 수 있었습니다. 그러나 이 정렬을 실행하는 것 외에 다른 이유로 가변 또는 그리드 레이아웃을 만드는 것이 포함되었습니다.
이 속성은 블록 레이아웃에 지정되었으며 지난 몇 달 동안 세 가지 주요 엔진에서 모두 이 기능을 출시했습니다.
블록 레이아웃에 align-content를 사용하면 속성이 작동하는 가변 또는 그리드 레이아웃을 만들지 않고도 세로 정렬을 수행할 수 있습니다. 항목이 블록 항목으로 유지되므로 추가 속성이 필요하지 않으며 정렬만 변경됩니다.
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-04-17(UTC)"],[],[]]