-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다
22.12.04 06:52 작성 22.12.04 06:52 수정 조회수 238
1
CSS 버튼 & 네비게이션 - 드롭다운 네비게이션(CSS 3가지 방식, jQuery 3가지 방식)-02
강의 10분 15초 에서 btn display 를 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다
알려주시면 감사요 ~!
답변을 작성해보세요.
0
코딩웍스(Coding Works)
지식공유자2022.12.05
.btn은 a태그 입니다. a태그는 인라인 요소이기 때문에 크기 값을 줄 수 없습니다.
크기 값을 주기 위해서 .btn에 display: block을 주면 크기 값은 갖게 되지만 블록 요소는 한줄에 하나만 있을 수 있기 때문에 .btn 2개가 줄이 바뀝니다.
그래서 크기 값도 갖고 줄도 바뀌지 않게 하기 위해서 .btn에 display: inline-block을 준 것 입니다.
코딩웍스 블로그를 보시면 좀 더 이해가 쉬우실거에요. 블로그 내용은 앞으로 퍼블리싱 할 때 절대로 잊으면 안되는 내용입니다.
퍼블리싱의 모든 것! HTML 인라인요소, 블록요소, 인라인블록
https://www.inflearn.com/blogs/376
답변 1