浏览器中的照片库分页兼容性

Question

如果您看到here，则每个照片库下面的数字在Chrome上显示不正确，但在Firefox上显示正确。

以下是截图对比： -

铬： -

火狐： -

正如您在上面的图片中看到的，页码2到4没有显示Chrome。那是为什么？

Answer 1

您可以为.page-numbers元素提供属性display: inline-block;。它似乎以这种方式在Chrome中运行。

.page-numbers {
  display: inline-block;
}

<a class="page-numbers" data-pageid="3" href="https://www.clubdeise.com/gallery/nggallery/page/3">3</a>
<a class="page-numbers" data-pageid="4" href="https://www.clubdeise.com/gallery/nggallery/page/4">4</a>
<a class="page-numbers" data-pageid="5" href="https://www.clubdeise.com/gallery/nggallery/page/5">5</a>
<a class="page-numbers" data-pageid="6" href="https://www.clubdeise.com/gallery/nggallery/page/6">6</a>
<a class="page-numbers" data-pageid="2" href="https://www.clubdeise.com/gallery/nggallery/page/2">2</a>
<a class="next" data-pageid="2" id="ngg-next-2" href="https://www.clubdeise.com/gallery/nggallery/page/2">►</a>