Sass 整齐网格中的“最大宽度”元素可创建右边距

我对波旁威士忌比较陌生，自从最近的更新后，我有点迷路了。我有一个自定义网格，为其设置了媒体查询。网格中的元素包含一张500x500照片，下面有描述。我的问题是，如果我将包含图像的div的max width设置为500px，网格将向左对齐，并且在宽度大于元素+檐槽的右侧生成边距。如果删除“最大宽度”（max width），它会完全居中，但包含的div会比我不想要的图像宽。如何将“最大宽度”元素居中于这些宽度？显示：块；利润：汽车什么都不做

我正在使用HAML和SASS

哈默：

SASS：

最大宽度：500px打开。视频幻灯片环绕：

未设置最大宽度。视频幻灯片环绕：

这是假设你的目标是拥有一系列蓝色的盒子和图像，它们增长到每一个都变成500px，然后不再变大，而是彼此相距更远

首先，我认为你应该把你的

%a{:href=>“…”}

和

.video slide wrap

结合起来，然后给

.video slide

加上蓝色

背景色和
最大宽度

很难对整个布局进行反解算，但这可能看起来像：

%a.video-slide-wrap{:href => "/vaselinescreen/"}
  .video-slide
    img
    text

然后是那些无礼的话

.video-slide-wrap
  @include grid-column(1, $videos-grid-6)
  @include grid-media($videos-grid-5)
    @include grid-column(1)
  @include grid-media($videos-grid-4)
    @include grid-column(1)
  @include grid-media($videos-grid-3)
    @include grid-column(1)
  @include grid-media($videos-grid-2)
    @include grid-column(1)
  @include grid-media($videos-grid)
    @include grid-column(1)

.video-slide
  max-width: 500px
  text-align: left
  display: block
  margin: 0 auto
  background: blue;

大概应该是这样的™ 工作

%a.video-slide-wrap{:href => "/vaselinescreen/"}
  .video-slide
    img
    text

.video-slide-wrap
  @include grid-column(1, $videos-grid-6)
  @include grid-media($videos-grid-5)
    @include grid-column(1)
  @include grid-media($videos-grid-4)
    @include grid-column(1)
  @include grid-media($videos-grid-3)
    @include grid-column(1)
  @include grid-media($videos-grid-2)
    @include grid-column(1)
  @include grid-media($videos-grid)
    @include grid-column(1)

.video-slide
  max-width: 500px
  text-align: left
  display: block
  margin: 0 auto
  background: blue;