溢出：隱藏在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中

回答

相關問題