Question

我使用此代码将一个文件夹中的所有图像都放到我的页面中，但不知道如何指定每行中的图像数量，例如我只想要一行中的6个图像请帮忙

<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

有几种方法可以达到你想要的效果，这是一种方法：
使用import numpy as np import pandas as pd import matplotlib.pyplot as plt np.random.seed(2016) date_col = 'YYYY-MO-DD HH-MI-SS_SSS' df = pd.DataFrame( {date_col: [ '00:00:00', '01:00:00', '02:00:00', '03:00:00', '04:00:00', '05:00:00', '06:00:00', '07:00:00', '08:00:00', '09:00:00', '10:00:00', '11:00:00', '12:00:00', '13:00:00', '14:00:00', '15:00:00', '16:00:00', '17:00:00', '18:00:00', '19:00:00', '20:00:00', '21:00:00', '22:00:00', '23:00:00'], 'foo': np.random.random(24)}) df[date_col] = pd.to_datetime(df[date_col]) fig, ax = plt.subplots() ax.plot(df[date_col], df['foo'], 'b-', linewidth=2, label='foo') plt.show()并在所需的div上设置css，即：

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

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

PHP：在一行中添加许多图像

2 个答案: