ulとfloatを使用してメニュー付きのWebページを作成していますli。アクティブなページを他のページと区別するため、およびリンクにカーソルを合わせると、テキストが太字になります。
これに関して私が抱えている問題は、テキストが太字になると、メニュー内のすべてのものが押し出されることです。（参照： http： //jsfiddle.net/tVDaf/）
私が考えた解決策の1つは、太字のテキストのサイズで各メニュー項目の幅を決定することでしたが、それが可能かどうかはわかりません（少なくとも、JavaScriptを使用しない場合）。
助言がありますか？
簡単なダーティハック（javascriptをエスケープするため）、ホバーのパディングを減らしてみてください。
幅を設定できない場合は、テキストが太字になると幅が変わることを意味します。各状態のパディング/マージンを変更するなどの妥協を除いて、これを回避する方法はありません。
この回答のすべてのクレジットは、Andrew Vitがここで彼のコメントに投票するのに役立った 場合に使用されます。ホバーで太字にすると、インライン要素がシフトします。
投稿する前にフォーラムを検索してください。これはたくさんの人がやってくるのを見たからです。
これを行う唯一の実際の方法は、各 li を特定の幅に設定することです。これは、現在、その中のアンカーの幅に設定されているためです。一般に、アンカーを太字にするのではなく、色を変更することはお勧めできません。