숫자 hover시에만~!
본문
이미지에서 시즌카테고리~입점문의 까지 마우스 hover하면 font-weight이 됩니다~!
코로나19방역 여기에 마우스 호버를 하면 여기서만 옆으로 금주의특가, 입점문의가 옆으로 움직여요ㅠㅠ
근데 코로나19방역에서 19를 빼고 코로나방역방역 이렇게 길게쓰면 금주의특가, 입점문의가 옆으로 움직이지 않아요
문제는 19 이 숫자같은데....
해결할 방법이 있나요>??
답변 2
HTML + CSS 를 첨부하시거나
URL을 남기시면 답변 드리기가
좋을 것 같다는 생각을 합니다.
글씨 굵기가 변하면서 글씨 전체 폭이 변경되서 그런거 같습니다.
메뉴를 div 테그로 감싸고 display 속성을 inline-block 으로 설정하면 폭을 설정할수 있습니다.
이렇게 하면 글씨 굵기가 변하더라도, 일정폭으로 정할수 있기때문에 레이아웃 변동 없이 할수 있습니다.
<div style="display:inline-block; width:200px">코로나19방역</div>
답변을 작성하시기 전에 로그인 해주세요.
