Bagaimanakah lebar gaya fon boleh dibetulkan secara bebas?

Question

Terdapat menu mendatar:

<ul>
  <li>Teks</li>
  <li>Teks 2</li>
</ul>

Apabila pengguna mengklik pada salah satu li, fonnya menjadi tebal. Oleh itu, lebar elemen li akan berubah sedikit. Akibatnya, menu melonjak.

Bagaimanakah saya boleh membetulkannya supaya ia tidak dipengaruhi oleh lebar teks?

Answer 1

Anda boleh menggunakan CSS untuk mengelakkan lebar li daripada berubah, seperti ini:

ul li {
   width: 150px;
}

Ini akan menghalang lompat