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

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 , 图片算作文本的一部分 >>