css - 照片不会水平显示？

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，它的意思是……断线！只需删除它。

演示