Php 如果连续少于3个，则动态地将引导更改为中心

目前我有三个

col-md-4

列，每个列显示一个图像。如果一个用户只上传了1到2张图片，那么内容会像正常情况一样浮动，但第三张图片会被浪费空间

是否可以使用CSS将1-2列居中，直到添加第3列

    <div class="container>

     <div class="row">

        <div class="col-md-4 image-1">
         <img>
        </div>

        <div class="col-md-4 image-2">
         <img>
        </div>

        <div class="col-md-4 image-3">
         <img>
        </div>

     </div>

    </div>

---

我认为您不应该将左对齐的项目（3个或更多）与中心对齐的项目混合使用。当一组2个项目跟随一组4或5个项目时会发生什么

如果希望它们都居中，只需将自定义类（
.centerRows
在我的示例中）添加到容器中，并使用下面的
CSS
：


.centerRows>.row{
文本对齐：居中；
}
.centerRows>.row>[class^=“col-”]{
文本对齐：首字母；
浮动：无；
保证金：0自动；
显示：内联块；
}
我想你不能用css来实现这一点。这是可以做到的
使用JS。大概是这样的：

if($('.image-3').length === 0){
    $('.row').find('div').RemoveClass('col-md-4');
    $('.row').find('div').AddClass('col-md-6');
}

但是如果你在算法中添加更多的语句，我的意思是
如果只有一个div，或只有4个div（下一行有一个div）
你必须得到更复杂的代码
 好吧，我知道你在这里做什么了。我只想在少于3列时居中。也将永远只有一行，因为它只显示最多3。我可能会尝试，看看我是否可以去js路线代替！我已经添加了必要的
jQuery
，以便在第二个代码段中只对只有一个或两个子项的div进行居中处理。但是，您应该调整选择器以匹配项目中的类。我建议对要应用此功能的行使用特定类。太棒了！我试试看。谢谢