响应式灯箱不以内容为中心

Question

我正在使用此演示：http://blog.templatemonster.com/demos/coding-a-responsive-lightbox-image-gallery-for-website-portfolios/demo/index.html

从这里开始：http://blog.templatemonster.com/2014/05/20/coding-responsive-lightbox-gallery-portfolios-tutorial/

有没有办法让缩略图居中？看起来右边大约是25px。

Answer 1

删除浮动，改为设置为内联块。

向左边距10px，向右边10px，而不是右边的20px。

自：

#portfolio li {
  display: block;
  float: left;
  width: 30%;
  max-width: 400px;
  margin-right: 20px;
  margin-bottom: 20px;
}

要：

#portfolio li {
  display: inline-block;
  float: none;
  width: 30%;
  max-width: 400px;
  margin-right: 10px;
  margin-bottom: 20px;
  margin-left: 10px;
}