SheryLog
로그인
SheryLog
로그인
[CSS] Flex 개념 붙잡기
Sheryl Yun
·
2023년 10월 30일
팔로우
0
0
CSS 구현
목록 보기
6/6
flex-direction과 justify/align
justify-content는 flex-direction 방향과 동일 (
수평
)
align-items는 flex-direction 방향과 반대 (
수직
)
justify-content: space 속성 구분
space-bewteen: 첫 요소와 끝 요소를
양 끝단
에 두고
사이 간격
동일
space-around: 요소들의
주변 영역 간격
동일
space-evenly:
요소들과 사이 간격 모두 포함
해서
사이 간격
동일
align-items: stretch와 baseline
stretch: align-items의 방향(예시: 세로)으로 확장
baseline: 요소 내의 텍스트의 baseline(= bottomline) 기준으로 한 줄로 맞춤
Sheryl Yun
영어강사, 프론트엔드 개발자를 거쳐 데이터 분석가를 준비하고 있습니다 ─ 데이터분석 블로그: https://cherylog.tistory.com/
팔로우
이전 포스트
li 안에 a 태그가 있을 때 텍스트 부분만 클릭되는 경우
0개의 댓글
댓글 작성
관련 채용 정보