ul
을 사용하는 메뉴로 웹 페이지를 만들고 있습니다. li
으로 바뀝니다. 활성 페이지를 다른 페이지와 구분하고 링크 위로 마우스를 가져 가면 텍스트가 굵게 표시됩니다.굵은 글씨로 표시된 컨테이너의 너비
내가 겪고있는 문제는 텍스트가 굵게 표시되면 메뉴에서 모든 것을 푸시한다는 것입니다. (참조 : http://jsfiddle.net/tVDaf/)
가능한 해결책은 굵게 표시된 텍스트의 크기에 따라 각 메뉴 항목의 너비를 결정하는 것이지만 가능한지 (적어도 자바 스크립트를 사용하지 않고는) 모르겠다.
제안 사항?
에 의해 오는이 하나를 본 적이 있기 때문에 게시하기 전에 포럼을 검색하십시오 : 당신이 여기에 자신의 의견을 투표를 도왔다 경우이 답변의
모든 크레딧은 앤드류 비타위한 이 문제에 대한 쉬운 CSS 솔루션은 없습니다. JavaScript로 간단하게 수정할 수 있습니다. – thirtydot
자바 스크립트를 사용해 보았지만 여전히 좋지 않습니다. http://jsfiddle.net/thirtydot/tVDaf/1/. 굵게 표시 될 때 각 단어의 크기가 다르기 때문에 링크 사이의 거리가 다릅니다. 조언 : 다른 호버 효과를 사용하십시오. – thirtydot
나는이 간단한 것을 자바 스크립트로 사용하는 것을 싫어하지만 당신이 제공 한 해결책은 충분하다. 고마워요. – sgcharlie