我正在使用http://tympanus.net/jPaginate/来实现分页。在Chrome 11下,Demo 5看起来很正常但在IE9或Firefox 4下,显示的是最后一个页码并将其移动到新行。
我认为div有溢出:隐藏设置,因此不应显示隐藏的页码,除非“>>”或“<<”是鼠标悬停。这曾经在IE8和Firefox 3中正常工作。
如何实施IE9和Firefox 4的解决方法?
答案 0 :(得分:0)
为div设置固定高度,否则它将伸展以容纳所有内容。
[编辑]
啊,它并没有解决你的问题,而且,看到分页器完全由插件生成,我相信这是插件搞砸了。也许jQuery的width()
函数拒绝与FF4和IE9合作。我碰巧在我的一个网站上的导航菜单中调整列表元素的width()
时出现问题,而且仅在FF4和IE9中也会出现问题。奇怪......你可以尝试在生成paginator之后用jQuery增加包含分页元素的<ul>
的宽度,但这是一个临时解决方案。
答案 1 :(得分:0)
您所指的页面不再存在问题。
我假设该元素设置了display:inline-block
属性 - 这就是我遇到的问题。
要解决此问题,您需要设置vertial-align
属性。
来自spec:
'内联块'的基线是其最后一个线框的基线 在正常流程中,除非它没有流入线框或如果 它的'overflow'属性有一个除'visible'以外的计算值 在哪种情况下,基线是底部边缘边缘。
答案 2 :(得分:0)
赋予ul.jPag-pages li
元素固定宽度解决了我在ie9和ie10