Question

我正在尝试获取我回显的图像以显示内联块/水平，但无论我做什么，它们只是向下/垂直列出。我该如何解决这个问题？

这是我的代码：

<div class="profile_photos_area">
    <?php
    $dirname = "./data/photos/".$profile_id."/";
    $images = scandir($dirname);
    $ignore = Array("_cover.jpg", "_default.jpg");
    foreach($images as $curimg){
    if(!in_array($curimg, $ignore) && preg_match("/\.jpg$/i", $curimg)) {
    echo "<img src='".$dirname.$curimg."' class=\"profile_photos\"><br>\n";
    };
    }     
    ?>
</div>

.profile_photos{
    margin-top:0px;
    border:#ccc 1px solid;
    width: 170px;
    height: 150px;
    display:inline-block;
    position:relative;

}

.profile_photos_area{
    width:665px;
    height:350px;
    background:#000;
    margin-left:-193px;
    display:inline-block;
    overflow:hidden;

}

Answer 1

您是否看过代码生成的HTML？看一下星号：

echo "<img src='".$dirname.$curimg."' class=\"profile_photos\">******<br>******\n";

BR。的 BR ！

是 html，这意味着...... 断行！只需删除它。

demo

照片不会水平显示？

1 个答案: