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

Question

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

这是截图比较:-

Chrome :-

火狐:-

如您在上图中所见，第 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>