字體樣式的寬度如何進行獨立修復？

Question

有一個水平選單：

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

當使用者點擊其中一個li時，它的字體加粗。因此，li元素的寬度會稍微改變。結果導致選單跳動。

如何修復它，使其不受文字寬度的影響？

Answer 1

你可以使用CSS來防止li寬度的變化，如下所示：

ul li {
   width: 150px;
}

這將防止跳動