질문입니다
160
작성한 질문수 9
안녕하세요 선생님 강의 잘 듣고 있습니다^^
의문이 하나 있는데
.container {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
이렇게 콘테이너 div안에 flex 속성을 주셨는데요, flex는 인라인 블록 인라인블록 상관없이 쓸 수 있는건가요..? 혼돈이 와서 질문드립니다. flex를 쓰실때 밑에.icon div 안에 display: inline-block; 속성을 지우셨기에 혼돈이 와 질문드립니다. 언제 쓰이고 언제 쓰이지 않는지 알려주시면 감사하겠습니다.^^
답변 1
1
.icon div 는 아니고 .icon span 구조에요.
플렉스 사용은 크게 2가지로 보시면 됩니다.
1) float 안쓰고 자식요소 가로배치 시킬 때
2) 자식요소 수직수평중앙에 센터링 할 때 (이번 예제에서 사용된 경우)
참고로 지금 예제는 플렉스 관련은 아니니까 플렉스 나오면 따라치세요. 그 정도면 충분해요.
나중에 플렉스 집중적으로 공부하실 때 코딩웍스 플렉스 강좌 있으니까 그럴 보시면 됩니다.
지금 예제에서 플렉스로 센터링 한 것은 포지션 속성 사용하지 않고도 자식요소 수직수평중앙에 센터링할 수 있다는 정도로 이해하시면 됩니다.
class 값 한 번에 부여하는법
2
80
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
73
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
68
2
input checked 질문합니다.
0
76
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
88
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
134
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
138
2
폰트어썸이 안되요..
1
485
2
화면 정중앙에 오게끔 할수있나요?
1
169
1
어코디언 네비게이션 중
1
125
1
라이브서버 문제
1
226
2
넷플릭스 어코디언 예제 질문
1
103
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
155
1
active 관련 질문
1
145
2