inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Tạo trang web <Quy luật 10.000 giờ>

컨텐츠 영역의 높이 차이

386

wooseok Han

1 câu hỏi đã được viết

1

검은색 줄이 쳐져 있는 모습을 보면 알 수 있듯이 공유하기 버튼과 훈련하기 go go 버튼의 높이가 차이가 납니다.

제 오류인가 싶어 fianl 코드로 실행을 해보아도 똑같았습니다.

<div class=share> 부분에만 따로 덜 넣거나 더 넣은 것도 아니고 같은 buttons 의 css를 따르고

다른 것은 배경화면의 색과 왼쪽의 마진을 넣은 것 뿐입니다.

제 컴퓨터의 에러로 이런 것인가요? 아니면 따로 해결방법이 있을까요?

html css HTML/CSS javascript height vscode

Câu trả lời 1

0

-J-

안녕하세요 좋은 질문 감사드립니다.

확인해본 결과 해당 문제는 윈도우 기반의 크롬과 엣지 브라우저에서 나타나고 있었습니다.

원인은 폰트로 사용된 GmarketSansBold때문인 것으로 파악되었습니다. 해당 폰트를 사용중에 텍스트에 띄어쓰기가 되어 있으면 컨텐츠의 높이가 달라지고 있습니다.

때문에 해결 방법으로는

1. 해당 폰트를 사용하지 않거나

2. 버튼 텍스트의 띄어쓰기를 제거하거나

3. 버튼에 높이 값을 줘서 강제하거나

이 세 가지 방법정도 있을것 같습니다.

답변이 도움이 됐으면 좋겠습니다. 감사합니다 :)

0

wooseok Han

감사합니다~

백오피스를 개발할 때 아키텍처 구성에 대한 질문

0

25

2

ai가 만든 강의인가요?

0

47

1

VSCode 설정 문의

0

33

2

PPT 코드 관련 질문

0

31

2

검색엔진 차단 noindex

0

34

2

가상환경 설정시 문의

0

34

2

파트9 강의는 언제 오픈하시나요

0

34

2

ZIP 파일

0

29

2

26강 13F 강의 불일치 및 질문 요청

0

39

3

깃허브에서 URL이 주어지지 않아요

0

396

1

.intro_saying 과 .intro .intro_saying 의 차이

0

320

1

공부하면서 내용들

0

452

1

VSC코드 기본프로그램 설치 주피터노트 파이썬이 안나와요

0

344

0

깃헙

0

315

1

Notion 링크 위치

0

274

1

.title_img img css 작성 문의 드립니다.

0

231

0

window store에서 ubuntu 설치

0

204

1

div클래스를 나누는 기준

0

254

1

html 질문 있습니다!

0

339

1

ubuntu 설치 이유

0

226

1

깃허브에 들어가도 검색이 안되네요 .. ?

0

313

1

HTML 강의내용 중

1

312

2

코드 자동생성 질문합니다.

0

327

1

CSS- 1부

0

363

1