简单的PHP，回显目录中的所有图像<li>...</li>

Question

我正在尝试使用bootstrap 3和一个简单的php脚本来显示特定目录下的所有图像，以响应这里的另一个问题。

我遇到的问题是回显所需的<li></li>标签，而不是<br></br>，如下所示。

---

这里是我目前如何显示图像，在<li></li>标签中使用一个类来显示图像布局/定位，在<ul></ul>标签中称为。

<div class="container">
          <ul class="row">
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/kitchens.jpg">
            </li>
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/garden.jpg">
            </li>
            <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
                <img class="img-responsive" src="images/front.jpg">
            </li>
          </ul>
</div> <!-- /container --> 

这是我用来回答问题的PHP我在这里发现https://stackoverflow.com/a/19255786/3599850

<?php
$files = glob("images/*.*");
for ($i=0; $i<count($files); $i++) {
    $image = $files[$i];
    print $image ."<br />";
    echo             
    '<img src="'.$image .'" alt="Random image" />'."<br /><br />";
}
?>

---

这是我的尝试:

<?php
$files = glob("images/*.*");
for ($i=0; $i<count($files); $i++) {
    $image = $files[$i];
    print $image ."<br />";
    echo
    '<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4">
    <img src="'.$image .'" alt="Random image" /></li>'."<li /><li />";
}
?>

Answer 1

你有太多的关闭</li>标签:

<?php
$files = glob("images/*.*");
for ($i=0; $i<count($files); $i++) {
    $image = $files[$i];
    echo '<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4"><img  class="img-responsive" src="'.$image .'" /></li>';
}
?>

你不需要print $image ."<br />";