字体样式的宽度如何进行独立修复？

Question

有一个水平菜单：

<ul>
  <li>文本</li>
  <li>文本 2</li>
</ul>

当用户点击其中一个li时，它的字体加粗。因此，li元素的宽度会稍微改变。结果导致菜单跳动。

如何修复它，使其不受文本宽度的影响？

Answer 1

你可以使用CSS来防止li宽度的变化，如下所示：

ul li {
   width: 150px;
}

这将防止跳动