溢出：隐藏在Chrome 11中，但不在Firefox 4或IE9中

我正在使用http://tympanus.net/jPaginate/来实现分页。在Chrome 11下，演示5看起来很正常，但在IE9或Firefox 4下，显示最后一个页面编号并移动到新行。溢出：隐藏在Chrome 11中，但不在Firefox 4或IE9中

我认为这个div溢出了：隐藏的设置，这样隐藏的页码不应该显示，除非“>>”或“<”是鼠标悬停。这用于在IE8和Firefox 3中正常工作。

如何为IE9和Firefox 4实施解决方法？

来源

2011-05-03 Saul Karl

+1我看到的链接页面上相同的行为。您可以尝试联系作者http://tympanus.net/，看看他们是否有更新的作品，或者这里有人会提出一个可以回馈的修补程序。 – 2011-05-03 00:55:08

为div设置一个固定高度，否则它将拉伸以容纳所有内容。

[编辑]

啊，它不能解决您的问题，再加上，看到了分页程序通过插件完全产生，我认为它是是搞乱的东西了插件。也可能是jQuery的width()函数拒绝与FF4和IE9配合使用。我碰巧遇到width()在我的某个网站的导航菜单中调整大小列表元素的问题，并且它也仅在FF4和IE9中发生。奇怪...你可以尝试增加包含分页元素的<ul>在生成分页之后的宽度，但这是一个临时解决方案。

来源

2011-05-03 01:00:53 mingos

当宽度不是整数时，jQuery的宽度被完全破坏（所以Mac上的任何Firefox，Windows上的Firefox 4 +，IE9 +以及Linux上的Firefo可能都是如此）。 – 2011-05-03 02:04:40

会不会有一些技巧呢？ – mingos 2011-05-03 16:01:52

假设你连续有30件东西，宽度为10.3333px。如果你将它们的宽度（）加起来，你会得到300px。正确的宽度是310px。如果你以某种方式获得了四舍五入的宽度并添加它们，你会得到330px。最后，如果你想为布局计算宽度，你只需要至少使用浏览器本身使用的精度;否则你会得到奇怪的文物。 – 2011-05-03 16:35:16

您所指的页面不再有问题。我认为该元素有display:inline-block属性集 - 这是我与我的案件的问题。

要解决这种情况，您需要设置vertial-align属性。

从spec：

一个“内联块”的基线是其最后一行盒在正常流动的基线，除非它具有或者没有在流线箱或如果其'溢出'属性具有除“可见”以外的计算值，在这种情况下，基线是底部边缘边缘。

来源

2012-09-24 01:45:40

给ul.jPag-pages li元素的固定宽度的解决IE9下我的问题和IE10

来源

2014-03-25 08:50:35 Grex

溢出：隐藏在Chrome 11中，但不在Firefox 4或IE9中

回答

相关问题