• 카테고리

    질문 & 답변

  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

display : flex

21.03.21 17:08 작성 조회수 194

0

display : flex 는 부모 속성인데 왜 item 에  주는 건가요?

course-thumbnail

CSS Flex와 Grid 제대로 익히기

Flex UI #3 - 불릿 리스트

강의실 바로가기

답변 1

답변을 작성해보세요.

2

1분코딩님의 프로필

1분코딩

지식공유자

2021.03.25

.info-list-item은 리스트에서 역할이 각각의 아이템에 해당하기 때문에 클래스 이름을 그냥 그렇게 준 것이고요, 그 이름이 flex와는 무관합니다.
레이아웃 모양을 잡을 때 각각의 .info-list-item들이 flex 컨테이너로서 동작해야하기 때문에 display: flex; 설정을 해 준 것이지요~
여기서는 li가 flex 컨테이너이고, 사과모양 불릿아이콘과 텍스트가 flex 아이템이 되는 것이라고 생각하시면 됩니다 :)

이 글과 비슷한 Q&A