如何添加空间或修复图像的对齐方式

Question

我上面有一张图片，下面的4张图片之间应该有空格。我使用col-md-12并使用col-md-3为每个图像。问题是，最后一张图片是向左而不是向右。图像可以超过4，这就是为什么我需要像动态样式来修复对齐的原因。

<div class="col-md-12  hidden-xs hidden-sm gallery_view_carmat_div">
    {{#scopes.images}}
        <div class="col-md-3 rm-padding">
            <div class="image_thumb gallery_view_carmat" data-image="{{imageMedPath}}" data-drawback-image="{{imagePath}}" data-href="{{productGalleryId}}">
              <img src="{{imageThumbPath}}" onerror="this.onerror=null; this.setAttribute('src', '{{imagePath}}');" class="gallery_view_carmat" />
            </div>
        </div>
    {{/scopes.images}}
</div>

图像宽度为95％

结果：

预期：

Answer 1

你可以尝试类似的东西：

text-align: justify;
-moz-text-align-last: center;
text-align-last: center;

我...很难说你是否希望他们居中或不，但我想你可以改变文本对齐的中心是正确的。

我知道他们不是文字，他们是图片，但last I checked，图片被视为文字的一部分＆gt;＆gt;