flexbox에서 align-item의 기본 속성인 stretch을 알아보자

align-item 속성의 기본 값은 stretch로 flex item은 flex container의 교차축을 최대한 채우기 위해서 늘어난다. 추가설명)display: flex를 선언하면 flex container가 되고, 자식 요소들은 flex item이 된다. 예시와 함께 살펴보자 html 코드 1 2 3 4 css 코드ul { height: 50px; display: flex; justify-content: space-between; list-style: none; border: 4px solid red;}ul li { border: 4px solid green;}ul li a { display: flex; align-items: center; padding: 0 10px; ..