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

时间:2018-05-27 12:42:31

标签: javascript jquery html css lightbox

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

以下是截图对比: -

铬: - enter image description here

火狐: - enter image description here

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

1 个答案:

答案 0 :(得分: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>