引导图像行不合适

Question

[已解决]

我已经使用占位符写了一个水平行的4个图像500x300，这非常合适，但是当我尝试用相同尺寸的文件夹（使用php）中的图像替换这些图像时，前2个图像容器被撞掉了，而最后两个是它们所属的位置。我已附上截图，下面的代码是我用来获取图像行的代码。

<div class="row" style="margin-top:1px">
<?php
$directory = 'images';
if (! is_dir($directory)) {
exit('Invalid diretory path');
}
$files = array();
foreach (scandir($directory) as $file) {
?>

<div class="col-sm-3 col-xs-6" >
<a href="#" >
<img  class="img-responsive portfolio-item" src="<?php echo "images/$file"; ?>" alt="">
</a>
</div>

<?php
}
?>

</div>

this is what i get in the browser

Answer 1

使用glob代替数组修复了问题。 PHP包含了。和目录结构的双点，因此创建2个空图像。