인프런 커뮤니티 질문&답변

프론트론트님의 프로필 이미지

작성한 질문수

입문자를 위한 CSS 기초 강의

의사클래스(가상클래스)

input 인라인요소 너비 조정에 대해

22.07.26 11:59 작성

·

464

3

안녕하세요 . 강의 잘 보고있습니다.

html 강의부터 쭉보고 있었는데, 헷갈리는게 있어 문의드려요.

input태그는 인라인태그라고 html강의에서 다뤄주셨고,

또 css강의에서 인라인 태그는 

display: inline-block;를 사용하지 않는 이상 height와 width를 지정할 수 없다고 배웠었는데, 
왜 인라인요소인 input 버튼은 해당 코드(inline-block)를 추가하지 않고도 너비조정이 가능한건지 궁금합니다. 

답변 1

2

유노코딩님의 프로필 이미지
유노코딩
지식공유자

2022. 07. 26. 23:21

안녕하세요.

input 태그의 display 기본값이 inline-block이기 때문입니다. 

HTML 강의에서는 요소의 크기나 기타 스타일 등에 대해 전혀 언급하지 않고

오로지 배치 특성에 대해서만 이야기하다 보니 인라인과 인라인블록을 모두 인라인이라고 표현했습니다.

다른 수강생 분들께서도 그 부분 헷갈려하셨을 수 있겠네요.

좋은 질문 감사합니다 ^^

프론트론트님의 프로필 이미지

2022. 08. 07. 21:58

자세한 답변 감사합니다. !