btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다
482
14 asked
CSS 버튼 & 네비게이션 - 드롭다운 네비게이션(CSS 3가지 방식, jQuery 3가지 방식)-02
강의 10분 15초 에서 btn display 를 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다
알려주시면 감사요 ~!
Answer 1
0
.btn은 a태그 입니다. a태그는 인라인 요소이기 때문에 크기 값을 줄 수 없습니다.
크기 값을 주기 위해서 .btn에 display: block을 주면 크기 값은 갖게 되지만 블록 요소는 한줄에 하나만 있을 수 있기 때문에 .btn 2개가 줄이 바뀝니다.
그래서 크기 값도 갖고 줄도 바뀌지 않게 하기 위해서 .btn에 display: inline-block을 준 것 입니다.
코딩웍스 블로그를 보시면 좀 더 이해가 쉬우실거에요. 블로그 내용은 앞으로 퍼블리싱 할 때 절대로 잊으면 안되는 내용입니다.
퍼블리싱의 모든 것! HTML 인라인요소, 블록요소, 인라인블록
https://www.inflearn.com/blogs/376
pointer-event:none;
1
60
1
실전 반응형 웹사이트 이미지 다운
1
59
2
87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)
1
44
2
목소리 좀 키워주세요.
1
119
2
PDF파일은 어디있나요?
1
170
2
실전 반응형 웹사이트
1
151
2
강의 내용 pdf가 제공되나요?
1
167
1
flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?
1
213
1
다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?
1
186
1
실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ
1
382
2
scss에 active 적용하는 방법
1
314
1
반응형이 안먹힐때 뭐가 문제일까요?? ㅜㅠ
1
1167
2
실전 넷플릭스 6 footer부분
1
261
2
.dark 적용 하는 법
1
206
1
JavaScript & jQuery - 검색창 확장하기(3)에서
1
299
2
포트폴리오 CSS Grid 반응형 레이아웃에서
1
284
1
폰트어썸 4.7 아이콘
2
466
1
넷플릭스 공식사이트 수업 header
1
225
1
JavaScript & jQuery - 푸터 패밀리사이트 셀렉트 커스텀 스타일(2)
1
547
2
loginForm input type=email, password 위치 css 오류
2
413
1
이미지 전환 후 잔상 효과
1
1287
4
안녕하세요. jquery 슬라이더에 대해 질문 있습니다.
1
288
1
flex나 grid 로 구현하는것과 비교하면 어떤가요?
1
410
1
계속 로딩 - [제작노트 및 필수사항] 실전 반응형 웹사이트 - 넷플릭스 공식사이트
2
360
1