Javascript 如何一个接一个地并排显示图像

此代码从上到下显示图像

<tr ng-repeat='b in Brands = (Brands | firstLetter:activeLetter)'>
    <td><img src="http://localhost/{{ b.image }}" alt="" border=3 height=75 width=75><br><br></td>
</tr>

我想并排显示图像。并在屏幕上显示一次，然后移到下一行。这在angularJS/ui引导方式中是可能的吗

如果不是angularJS/ui引导方式，那么最好的方式是什么

编辑 这个逻辑对我有用

<div class="container">
    <div ng-repeat="b in Brands = (Brands | firstLetter:activeLetter)" ng-if="$index % 12 == 0" class="row">
        <div class="col-xs-1" ng-repeat="idx in [0, 1, 2, 3, 4, 5, 6, 7, 9, 10, 11]">
            <img src="http://localhost/{{ Brands[idx+$parent.$index].image }}" alt="" border=3 height=75 width=75>
        </div>
    </div>
</div>

但如果剩下的图像不是12，它会显示空框

---

如何删除最后一行中的这些空框并在中间显示图像（或以某种方式使其看起来更好）

通常最好的方法是通过指定

float:left来应用CSS
float
属性或<代码>浮动：右侧

作为这些图像的类的列出属性。

通常最好的方法是通过指定

float:left或<代码>浮动：右侧

作为这些图像的类的列出属性。

只需将图像包装在div中并居中即可。通过包含所有图像的div元素的宽度来控制每行中的像素数量。如果剩余图像不是12，那么它显示空框是什么意思？

您需要做的就是将图像包装在div中并将其居中。通过保存所有图像的div元素的宽度来控制每行中的像素数量。如果剩余图像不是12，那么它显示空框的确切含义是什么。？