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

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>

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

Photo gallery pagination compatibility in browser

html

javascript

css

jquery

lightbox