강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của taes11014397
taes11014397

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

Bộ sưu tập trang web phản hồi (Trang web chính thức của ứng dụng)

Mục news - Thiết kế chi tiết CSS (news-right) và JavaScript inline

5:11 뱃지 사이즈 관련

Viết

·

393

2

같은 뱃지라는 클래스에 위치 잡고나서,  

new ,hot 클래스에 글자만 바꿨는데 왜 패딩사이즈가 줄어들죠?

글자도 똑같은 소문자8개인데 , 화면보다가 머가 꿈뻑해서 보니까 갑자기 좌우 영역범위가 줄어든거 같아서요...  

(4:57 쯤에 class ="badge new"부분을 hot으로 바꿀땐 사이즈 변경이 없는데, 스팬클래스 안의 컨텐츠 부분을 수정하니까 작아지네요.) 

jqueryHTML/CSS반응형-웹

Câu trả lời 3

1

codingworks님의 프로필 이미지
codingworks
Người chia sẻ kiến thức

.badge인 span 태그 안에 폰트사이즈를 더 줄여보세요.

아마 글자체에 따라서 변동이 있는 듯 해요.

.badge에 widht height를 따로 주지 않았는데 widht height 주시고 중앙정렬 시켜보세요.

화면이 없어서 답변이 맞는지 확신이 없긴 하네요...

0

taes11014397님의 프로필 이미지
taes11014397
Người đặt câu hỏi

큰 차이는 없는데, 갑자기 패딩값이 줄어들어서 궁금했어요.

:0  글자크기때문에 그런건가 싶기도 하네요. 

codingworks님의 프로필 이미지
codingworks
Người chia sẻ kiến thức

높이가 아니라 너비가 조금 달라보이는거라면 .badge가 inline 상태니까 아무래도 슬펠링 때문에 조금 틀려보이는 것 같아요. 인라인은 텍스트 내용에 딱 맞춰 줄어드는거니까... 앞서도 이야기 했지만 신경쓰이시면 widht 주시고 중앙정렬 시켜보세요. 포지션 absolute이니 display는 inline-block 상태일 거구요.

0

taes11014397님의 프로필 이미지
taes11014397
Người đặt câu hỏi

Hình ảnh hồ sơ của taes11014397
taes11014397

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

Đặt câu hỏi