css - 在悬停时更改字体(粗体/斜体)以显示 :table-cell shrinks width

Question

正如标题所写。将鼠标悬停在显示为更改字体粗细的表格单元格的 li 上时，宽度会缩小/增大。

我在 ul 上使用 display:table 因为我需要 li 均匀地跨越容器

这是一个 jsFiddle:http://jsfiddle.net/elzi/trXn4/5/更新。

也许没有真正动态的方法来做到这一点，我需要为一些带有更多文本的 li 设置一些宽度？

Answer 1

是的，除非您另有说明，否则表格会缩小/展开以提供最多的内容。

您可以将 width: 25%; 添加到您的 li ( Fiddle )，或者您可以添加 table-layout: fixed; 到 ul ( Fiddle )。