Css 更改悬停显示时的字体（粗体/斜体）：表格单元格缩小宽度

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

我正在使用

ul

上的display:table，因为我需要

li

s来均匀地分布容器

这里有一个jsFiddle:UPDATED

---

也许没有真正动态的方法来做这件事，我需要为一些包含更多文本的

li

s设置一些宽度？

是的，除非你告诉他们，否则表格会缩小/扩展以提供最多的内容和空间

您可以添加

宽度：25%

到您的

li

（），或者您可以添加

表格布局：固定到
ul
（）。
当然可以：）
如果列表项是静态的，则可以通过添加

width: xxxpx;

根据li的定义
但有些lis比其他lis大。。。JSFIDLE是一个糟糕的例子好吧，如果它们仍然是静态的，你可以为每个li设置宽度……通过改变字体的重量，你就改变了li内容的大小。因此，除非你固定宽度，否则它会随着内容的变化而增大/缩小。我在小提琴中举了一个不好的例子，因为不是所有的文本都是相同的宽度。。。示例：@elzi，这是HTML中
表
s的基本问题。甚至可能需要使用jQuery在加载时使用
.outerWidth（）
获取每个表单元格的宽度，然后将其作为内联样式应用。