在悬停时更改字体(粗体/斜体)以显示:table-cell缩小宽度

时间:2012-10-30 19:38:35

标签: css css3

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

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

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

也许没有真正动态的方法来做这件事我需要为一些带有更多文字的li设置一些宽度?

2 个答案:

答案 0 :(得分:0)

是的,表格缩小/扩展以提供最多的内容,除非您另有说明。

您可以将width: 25%;添加到liFiddle),也可以将table-layout: fixed;添加到ulFiddle)。

答案 1 :(得分:0)

当然它确实:) 如果您的列表项是静态的,则可以通过添加

来设置固定宽度
width: xxxpx;

到li定义

相关问题