ホバーで太字にするとインライン要素がシフトする
HTMLリストとCSSを使用して水平メニューを作成しました。リンクの上にカーソルを置くと、すべてが正常に機能します。ご覧のとおり、リンクに太字のホバー状態を作成しましたが、太字のサイズの違いによりメニューリンクがシフトします。 このSitePointの投稿と同じ問題が発生します。ただし、投稿には適切な解決策がありません。私はどこでも解決策を探しましたが、解決策が見つかりません。きっと私だけがそうすることはできません。 誰かアイデアはありますか? PS:メニュー項目のテキストの幅がわからないので、li項目の幅を設定することはできません。 .nav { margin: 0; padding: 0; } .nav li { list-style: none; display: inline; border-left: #ffffff 1px solid; } .nav li a:link, .nav li a:visited { text-decoration: none; color: #000; margin-left: 8px; margin-right: 5px; } .nav li a:hover{ text-decoration: none; font-weight: bold; } .nav li.first { …