PHP：1行に複数の画像を追加する

Question

このコードを使用して1つのフォルダのすべての画像をマイページに取得できますが、各行の画像数を指定する方法はわかりません。ライン あなたが望むものを達成するために、いくつかの方法がありますが、ここでは1だ

<p align="center"> 
<?php 
$dirname = "images2/boys/fig/"; 
$images = glob($dirname."*"); 
foreach($images as $image) { 
echo '<img src="'.$image.'" class="a" onclick="window.open(this.src);"/>'; 
} 

?> 

Answer 1

を助けてください：
使用cssし、所望のdiv、すなわち上display:inline-blockを設定します。

div.myClass{ 
 
     display:inline-block; 
 
    }

<div class="myClass"> 
 
    <img src="http://placehold.it/350x150" height="100" width="100" /> 
 
    </div> 
 
    <div class="myClass"> 
 
    <img src="http://placehold.it/350x150" height="100" width="100" /> 
 
    </div> 
 
    <div class="myClass"> 
 
    <img src="http://placehold.it/350x150" height="100" width="100" /> 
 
    </div> 
 
    <div class="myClass"> 
 
    <img src="http://placehold.it/350x150" height="100" width="100" /> 
 
    </div> 
 
    <div class="myClass"> 
 
    <img src="http://placehold.it/350x150" height="100" width="100" /> 
 
    </div> 
 
    <div class="myClass"> 
 
    <img src="http://placehold.it/350x150" height="100" width="100" /> 
 
    </div>

---

PHPを使用する：

foreach($images as $image) { 
echo <<< EOF 
<div class="container"> 
<img src="$image" onclick="window.open(this.src);" class="myClass" height="100" width="100" /> 
</div> 
EOF; 
} 

Answer 2

あなたはCSSスタイルを使用する必要があります。まず、あなたの欲求に応じて表示するように固定幅とスタイルで、親のdiv内の画像を、画像を挿入します。

<div class="img_wrap"> 
<?php 
$dirname = "images2/boys/fig/"; 
$images = glob($dirname."*"); 
foreach($images as $image) { 
echo '<img src="'.$image.'" class="a" onclick="window.open(this.src);"/>'; 
} 

?> 
</div> 

CSSスタイル：

.img_wrap { 
    width:600px; /*this can be any value*/ 
    height:auto; 
} 

.a { 
    width:85px; /*this can be any value*/ 
    height:85px; /*for getting a squared image. *this can be any value*/ 
    display:inline; 
    float:left; 
    margin:5px; 
}