为什么所有的LI都花在最大宽度上？

编辑：的jsfiddle：http://jsfiddle.net/mHWqX/为什么所有的LI都花在最大宽度上？

它做什么：

enter image description here

我怎样才能避免每次李遵循相同的宽度/填充？我想在悬停类似于此：

|||||||||| 
|||||||||| Regular 
|||||||||| 
|||||||||||||||||||| 
|||||||||||||||||||| Hover 
|||||||||||||||||||| 
|||||||||| 
|||||||||| Regular 
|||||||||| 
|||||||||| 
|||||||||| Regular 
|||||||||| 
|||||||||| 
|||||||||| Regular 
||||||||||

感谢

来源

2012-11-29 David Bélanger

请添加你的标记。请在jsfiddle上设置一个演示。这会让我们更容易帮助，谢谢 –

@EliGassert谢谢你的回答。这里你去：http://jsfiddle.net/mHWqX/ –

动画'left'而不是'padding-left'使元素滑动，而不是增长，正确，我认为这不是你想要的效果？ – Neil

更新/工作版本：http://jsfiddle.net/mHWqX/2/

的解决方案很简单：设置你的风格你的锚，而不是贵丽。这将导致所有的宽度依然增长，但由于样式在a上，所以只有'主动'锚会增长。

来源

2012-11-29 21:39:10

我也建议只保存一次填充。如果你快速移动/移出/移出，它会“记住”中间左侧（因为它正在回到起始点），然后它“卡住”。因此，如果以前没有设置，则只需将填充数据设置为左侧即可。 –

谢谢，它的工作。但是，如何将LI的高度设置为100％？它们彼此堆叠几个像素。 –

啊，我认为这是一种风格选择;）没有注意到这一点。在我的答案中查看新的更新版本。它将锚设置为内联块。 –

为什么所有的LI都花在最大宽度上？

回答

相关问题