Texonom
Texonom
/
Engineering
Engineering
/Software Engineering/Programming/Programming Language/Programming Languages/Style Programming Language/CSS/CSS Layout/CSS Flexbox/CSS Flex Container/
CSS align-content
Search

CSS align-content

Creator
Creator
Seonglae Cho
Created
Created
2021 May 31 7:48
Editor
Editor
Seonglae Cho
Edited
Edited
2021 Jun 28 7:25
Refs
Refs

vertical

notion image
flex line을 정렬한다
align-content는 corss axis에 대한 justify-content
값도 space-between 처럼 justify-content 에서 사용되는 값을 줄 수 있다
align-content는 nowrap인 경우 사용하는 의미가 없다
nowrap은 강제로 한 줄에 그리는 것이기 때문에 flex line이 하나 뿐이기 때문
 
 
 
 
JavaScript is not available.
JavaScript is not available.
https://twitter.com/flowforfrank/status/1407239433015816195/photo/1
JavaScript is not available.
Flexbox : align-items와 align-content 차이
둘 다 cross-axis 기준 정렬이다. align-items : flex line을 기준으로 아이템을 정렬한다. align-content: flex line을 정렬한다. align-content는 corss axis에 대한 justify-content라 이해할 수 있다. 값도 space-between 처럼 justify-content 에서 사용되는 값을 줄 수 있다. align-content는 nowrap인 경우 사용하는 의미가 없다. nowrap은 강제로 한 줄에 그리는 것이기 때문에 flex line이 하나 뿐이기 때문이다.
Flexbox : align-items와 align-content 차이
https://yoonho-devlog.tistory.com/145
Flexbox : align-items와 align-content 차이
 
 
 

Recommendations

Texonom
Texonom
/
Engineering
Engineering
/Software Engineering/Programming/Programming Language/Programming Languages/Style Programming Language/CSS/CSS Layout/CSS Flexbox/CSS Flex Container/
CSS align-content
Copyright Seonglae Cho