照片不會水平顯示？

-1

我試圖得到圖像即時呼應顯示內聯塊/水平，但相反，無論我做什麼，他們只是列出/垂直。我怎樣才能解決這個問題？照片不會水平顯示？

這裏是我的代碼：

<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; 

}

來源

2013-04-10 James Pale

你試過float：left; ？ – dezman 2013-04-10 19:24:59

請發佈呈現的HTML。這裏的PHP是無關緊要的。 – j08691 2013-04-10 19:25:53

沒有大聲笑我剛纔補充說，它現在水平對齊它們，但現在每張照片每次錯開約10px – 2013-04-10 19:27:33

難道你看看你的代碼生成HTML？看星號：

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

br。 br！

這是 HTML，它意味着...... 斷線！只要刪除它。

demo

來源

2013-04-10 20:17:36 Kraz

照片不會水平顯示？

回答

相關問題