PHP MySQL 图片/数据动态对齐

Question

大家早上好

我遇到对齐问题。

我正在使用 MYSQL 数组来创建体育资料页面。

我想让它显示图像，然后在右边，显示他们的名字、职位和号码。

然后我希望它在向下交换到下一行之前动态地显示其中的 3 或 4 个彼此相邻。

我设法让它只处理图片，而不处理中间的文本。它们目前都只显示在新行上。

<style>
   #container .profile{
               display: inline-block;
               vertical-align:top;
                      }
</style>
<div class="profile">
<img src="wp-content/uploads/profile/jh7.jpg" alt="" /><br />
<h3 class="widget-title">Player 1</h3>
<p>Defence</br>#7</br></br>
<img src="wp-content/uploads/profile/dw21.jpg" alt="" /><br />
<h3 class="widget-title">Player 2</h3>
<p>Defence</br>#21</br></br>
<img src="wp-content/uploads/profile/pn22.jpg" alt="" /><br /> 
<h3 class="widget-title">Player 3</h3>
<p>Defence</br>#22</br></br>
</div>
                </div><!-- .entry-content -->


</div>

谢谢大家

Answer 1

您可以为图像使用向左浮动:

<style>
    .profile img{
        float: left;
          margin-right: 5px;
    }    
  </style>

查看此演示:http://jsbin.com/jigotamamu/1/