이제 블록 레이아웃의 align-content 속성이 기준의 일부임
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Rachel Andrew
게시일: 2024년 4월 17일
이제 블록 및 테이블 레이아웃에서 CSS Box Alignment의 align-content 속성을 사용할 수 있습니다. 이렇게 하면 flex 또는 그리드 레이아웃을 만들지 않고도 블록 방향 정렬을 사용할 수 있습니다.
Browser Support
123
123
125
17.4
이전에는 불가능했던 항목을 세로로 가운데 정렬하는 작업이 align-content 속성과 함께 flexbox 및 그리드로 인해 더 쉬워졌습니다. 하지만 이 정렬을 수행하기 위해서만 플렉스 또는 그리드 레이아웃을 만들어야 했습니다.
이 속성은 블록 레이아웃에 지정되었으며 지난 몇 개월 동안 세 가지 주요 엔진 모두 이 기능을 제공했습니다.
블록 레이아웃에 align-content를 사용할 수 있으므로 속성이 작동하도록 flex 또는 그리드 레이아웃을 만들지 않아도 세로 정렬을 달성할 수 있습니다. 상품이 블록 상품으로 유지되고 변경되는 것은 정렬뿐이므로 추가 속성이 필요하지 않습니다.
[[["이해하기 쉬움","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)"],[],[]]