본문 바로가기

Webstoryboy

Category

Explanation

flex-box

(2)
align-self align-self align-self 속성은 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. align-self align-self 속성은 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. 특징 설명 기본 값 align-self : auto 적용 flexbox 버전 CSS3 사용성 ★★☆☆☆ 정의(Definition) align-self 속성은 개별적인 플렉스 아이템의 정렬 상태를 설정합니다. align-self 속성은 플렉스 아이템에 설정하고, align-item와 align-content는 플렉스 컨테이너에 설정합니다. 참고(Reference) flex는 효율적으로 요소를 배치하거나 정렬 할 수 있는 레이아웃 방식입니다. flex에서 사용하는 속성은 부모 요소인 컨테이너(Container)와 자식..
align-items align-items align-items 속성은 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-items align-items 속성은 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. 특징 설명 기본 값 align-items : stretch 적용 flexbox 버전 CSS3 시각적 표현 밑줄과 파란색으로 표시 사용성 ★★★★★ 정의(Definition) align-items 속성은 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-content 속성은 컨테이너의 높이 값을 기준으로 정렬하고 align-items 속성은 아이템의 높이 값을 기준으로 정렬합니다. 참고(Reference) flex는 효율적으로 요소를 배치하거나 정렬 할 수 있는 레이아웃 방식입니다...
1