2

ul我正在使用 a和 float制作带有菜单的网页li。为了将活动页面与其他页面区分开来，以及当我将鼠标悬停在链接上时，文本变为粗体。

我遇到的问题是，当文本变为粗体时，它会推动菜单中的所有内容。（见：http: //jsfiddle.net/tVDaf/）

我想到的一种可能的解决方案是通过粗体文本的大小来确定每个菜单项的宽度，但我不知道这是否可能（至少，不使用 javascript）。

有什么建议么？

4

4 回答 4

1

我可以为您看到三个选择。最后一个可能是你最好的选择：

  1. 使用 JavaScript
  2. 使用等宽字体
  3. li在标签上设置宽度
于 2012-04-12T14:19:03.090 回答
0

唯一真正做到这一点的方法是将每个 li 设置为一定的宽度，因为现在它被设置为其中锚点的宽度。在锚点上加粗通常不是一个好习惯，而是改变颜色。

于 2012-04-12T14:20:26.257 回答
0

一个快速肮脏的黑客（逃避javascript），尝试减少悬停时的填充。

于 2012-04-12T14:25:13.373 回答
0

如果你不能设置宽度，那么这意味着宽度会随着文本变粗而改变。没有办法避免这种情况，除非通过修改每个状态的填充/边距等妥协。

如果它帮助您在此处投票支持他的评论，则此答案的所有学分均归功于 Andrew Vit： Inline elements shift when made bold on hover

并且请在发帖前搜索论坛，因为我已经看到这个来了很多

于 2012-04-12T14:25:47.990 回答