align-items: stretch;
안녕하세요? 좋은 강의 감사드립니다.
강의 마지막에 (저번 메뉴 강의 때 처럼 padding 을 주는 대신) align-items: stretch; 속성을 이용해서 높이만 늘이셨는데요, 같은 방식으로 메뉴에 적용해보니 높이만 늘어날 뿐 메뉴의 텍스트는 위에 붙어있습니다.
그러고 보니 stretch 는 높이만 늘일 뿐 텍스트를 세로방향으로 중간에 놓지는 않는 것 같은데요 input 엘리먼트의 텍스트는 왜 자동으로 세로방향의 중간으로 놓여지나요?
답변 1
1
input은 입력창이므로 div같은 일반적인 요소들과는 다른 특성을 갖고있기 때문입니다.
flex랑 관계없이, input이 원래 입력된 텍스트를 가운데에 놓는다고 생각하시면 됩니다. 그리고 input의 기본 디자인이 브라우저에 따라 다르듯이, 정렬도 브라우저에 따라 차이가 있을 수 있습니다.
가로스크롤 과 margin: 0 -1rem 질문 있습니다
0
119
1
수업자료 다운로드
0
122
1
VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...
1
138
1
css grid repeat() 에서 autofit 사용시
0
183
1
menu 아이템 반응형 변경
0
102
1
질문은 아니고.. 오타 발견..
0
121
1
웹에서 위치?값
0
212
1
px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?
0
510
2
강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?
0
309
1
flex-basis auto, 0 차이
0
710
2
padding 대신 gap을 쓰는게 더 편하지 않나요?
2
607
1
animation forwards 관련 질문
0
489
2
auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.
0
559
1
flex-grow IE 질문드립니다.
0
625
2
Flex-grow가 적용되는 영역에 대해 질문드립니다.
0
437
1
Grid 수직정렬 문의
0
1075
1
card__item에 display:flex를 했을 때..
0
512
1
11vmin
0
417
1
header class 안에 div와 h2
0
576
1
grid 반응형 페이지 step1 질문있습니다~
0
282
1
반응형 페이지 step4 order
0
356
1
미디어쿼리 사이즈
1
286
1
figure + div
0
300
1
CSS Grid를 통한 정렬의 장점
0
247
1