숫자 hover시에만~!

Question

이미지에서  시즌카테고리~입점문의 까지 마우스 hover하면 font-weight이 됩니다~! 

코로나19방역 여기에 마우스 호버를 하면 여기서만 옆으로 금주의특가, 입점문의가 옆으로 움직여요ㅠㅠ

근데 코로나19방역에서 19를 빼고 코로나방역방역 이렇게 길게쓰면 금주의특가, 입점문의가 옆으로 움직이지 않아요

문제는 19 이 숫자같은데....

해결할 방법이 있나요>??

Joan · Accepted Answer

HTML + CSS 를 첨부하시거나

URL을 남기시면 답변 드리기가

좋을 것 같다는 생각을 합니다.

guest76 · Answer

글씨 굵기가 변하면서 글씨 전체 폭이 변경되서 그런거 같습니다.

메뉴를 div 테그로 감싸고 display 속성을 inline-block 으로 설정하면 폭을 설정할수 있습니다.

이렇게 하면 글씨 굵기가 변하더라도, 일정폭으로 정할수 있기때문에 레이아웃 변동 없이 할수 있습니다.

[code]

코로나19방역

[/code]

숫자 hover시에만~!

답변 2개

공유하기