jquery - 为什么所有 LI 都以最大宽度扩展?

标签 jquery html css

编辑:JSFIDDLE:http://jsfiddle.net/mHWqX/

它做什么:

enter image description here

如何避免每个 LI 都遵循相同的宽度/填充?我想要在悬停中有类似的东西:

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

谢谢

最佳答案

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

解决方案非常简单:在 anchor 而不是 li 上设置样式。这将导致所有 lis 的宽度仍然增加,但由于样式位于 a 上,因此只有“事件” anchor 会增加。

关于jquery - 为什么所有 LI 都以最大宽度扩展?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13635136/

相关文章:

html - 为什么背景大小不是 : 100% 100% work anymore in Firefox?

jquery - 打印由 ajax 加载的 featherlight 灯箱的内容

javascript - 强制 javascript csv 格式字符串中的值成为文本

html - 包含的元素溢出容器尽管盒子大小

jquery - tipr 工具提示 z-index 不工作

html - Twitter 小部件覆盖了可能出现在它上面的另一个 div。如何让 twitter widget 出现在下面?

javascript - 防止在使用 ajax 添加对象时将效果应用于同一对象两次

javascript - JS 脚本由 1 个元素调用,未由其他 3 个元素调用

Javascript 工具提示不起作用,不知道为什么

html - CSS 错误 - Div 背景没有改变