設置寬度在Chrome中正常工作，但不是Firefox？

我正在用jquery編寫一個小小的分頁。我發現一個插件可以做一些類似的事情（我仍然在使用我自己的插件）。我和這個插件：http://tympanus.net/jPaginate/在Firefox中都有類似的問題。如果您在該插件的演示頁面上查看「演示5」，則可以看到問題。在鉻中，它非常好。在Firefox中，最後一個數字包裝到下一行。設置寬度在Chrome中正常工作，但不是Firefox？

基本上我有一個ul與其中li元素。我需要將所有寬度li加起來，並將寬度設置爲ul。我需要它是精確的（如果你添加更多的寬度，那麼包裝問題不會發生，但當你滾動到數字列表的末尾，有一堆空間）

任何想法爲什麼Firefox的行爲是這樣嗎？

我在mac osx上。

來源

2011-05-02 Matthew

我沒有看到與Win7中的Firefox 4.0.1。 – entropo 2011-05-02 17:11:02

@entropo，嗯也許它只是一個mac的東西呢？我編輯了我的帖子來指定。 – Matthew 2011-05-02 17:17:19

請不要在問題標題中寫標籤。 – 2011-05-02 17:18:37

你用什麼方法獲得<li>寬度？如果您使用的是jQuery的width()或offsetWidth或clientWidth，那麼您將得到不正確的數字，因爲所有這些都是非整數寬度。唯一能給你正確答案的是計算樣式寬度和getBoundingClientRect().width。

Chrome在進行佈局之前將寬度舍入爲整數，所以舍入方法不會在那裏造成更多的破壞（但是因爲當舍入寬度的總和實際上並沒有結束時它最終會以邊緣爲邊緣直到容器的寬度）。

來源

2011-05-02 18:11:40

我在IE中使用了開發工具，當我刪除了身體上的letter-spacing:2px樣式時，它修復了它。不知道這是否會解決它的Firefox，但它修復了IE9-10，我猜這是同樣的問題。

來源

2011-05-02 17:28:35

我解決了這個問題： Jquery.paginate.js - >只需更換

_ul.css('width',insidewidth+'px'); [3rd line from last]

與

_ul.css('width',insidewidth+5+'px');

其Solved.Working在FF，克羅默，即7,8,9 享受

來源

2012-08-13 15:01:31

，它爲我做了。謝謝！ – 2012-09-04 13:32:09

設置寬度在Chrome中正常工作，但不是Firefox？

回答

相關問題