溢出:隐藏在Chrome 11中,但在Firefox 4或IE9中不起作用

时间:2011-05-03 00:46:44

标签: css

我正在使用http://tympanus.net/jPaginate/来实现分页。在Chrome 11下,Demo 5看起来很正常但在IE9或Firefox 4下,显示的是最后一个页码并将其移动到新行。

我认为div有溢出:隐藏设置,因此不应显示隐藏的页码,除非“>>”或“<<”是鼠标悬停。这曾经在IE8和Firefox 3中正常工作。

如何实施IE9和Firefox 4的解决方法?

3 个答案:

答案 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

下的问题
相关问题