我需要我的列表项元素弹跳到位,而不是相互掉落。
我创建了一个 JSFiddle 来表达我的意思:http://jsfiddle.net/RGvjj/
有人可以告诉我为什么这些元素会这样做以及我需要做什么来解决这个问题吗?
尝试删除inline
显示从<li>
并使用float:left
反而。
试试看: http://jsfiddle.net/RGvjj/1/
#navigation li {
font-size: 20px;
margin-left: 10px;
padding-left: 10px;
border-left: 3px solid #1161A5;
color: #ffffdd;
text-decoration: none;
float:left;
}
EDIT:为了解释一下,我猜这种情况正在发生,因为当你为一个元素设置动画时,jQuery 会改变display
to block
。所以你最终得到的是block
元素(<a>
)内inline
元素(<li>
)这是行不通的。
通过使用float:left
, the <li>
保留其block
显示,这使得它有效<a>
to be block
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)