我怎样才能中心画廊？

Question

我希望www.sharminiwijeyesekera.com的这个图库能够居中，但现在缩略图为left-aligned。不知道我需要改变什么才能让缩略图集中在笔记本电脑和移动视图上。

Answer 1

从float:left元素中删除.ngg-gallery-thumbnail-box，然后添加display:inline-block。然后在父div上添加text-align: center。

更新了CSS：

.ngg-galleryoverview {
  overflow: hidden;
  margin-top: 10px;
  width: 100%;
  clear: both;
  display: block !important;
  text-align: center; /* To center */
}


.ngg-gallery-thumbnail-box {
  /* float: left; */ 
  margin-right: 5px;
  display: inline-block;
}