Php 使用css定位div标记

我创建了一个php页面，其中包含一个div标记，该标记包含一个从数据库获取链接的php代码，然后显示一个图像，所以现在当它在div标记中查看图像时，它会垂直显示图像，但我希望它向我显示horzintilly图像，这就是我的代码

<div class="pppi" style="width: 780px; height: 318px;overflow: auto; overflow-y: auto;">
 <?php
 $msqlq = mysql_query("SELECT * FROM `pictures` WHERE `to` = '$id'");
 while($fetchmsq = mysql_fetch_array($msqlq)){
 $pic = $fetchmsq['name'];
 $pics = "<div class='justprofile'><img src='uploaded/$pic'>&nbsp;&nbsp;";
 echo $pics;
 }
 ?>
</div>  

您需要在样式（或类）中添加包含image
float:left
的div以水平显示元素。
试试这个：

<div class="pppi" style="width: 780px; height: 318px;overflow: auto; overflow-y: auto;">
 <?php
 $msqlq = mysql_query("SELECT * FROM `pictures` WHERE `to` = '$id'");
 while($fetchmsq = mysql_fetch_array($msqlq)){
 $pic = $fetchmsq['name'];
 $pics = "<div class='justprofile' style="float:left;"><img src='uploaded/$pic'>&nbsp;&nbsp;</div>";
 echo $pics;
 }
 ?>
<div style="clear:both;"></div>
</div> 

您需要在样式（或类）中添加包含image
float:left
的div以水平显示元素。
试试这个：

<div class="pppi" style="width: 780px; height: 318px;overflow: auto; overflow-y: auto;">
 <?php
 $msqlq = mysql_query("SELECT * FROM `pictures` WHERE `to` = '$id'");
 while($fetchmsq = mysql_fetch_array($msqlq)){
 $pic = $fetchmsq['name'];
 $pics = "<div class='justprofile' style="float:left;"><img src='uploaded/$pic'>&nbsp;&nbsp;</div>";
 echo $pics;
 }
 ?>
<div style="clear:both;"></div>
</div> 

在PHP的HTML输出中，您忘记关闭
元素。将
$pics
行更改为：

$pics = "<div class='justprofile'><img src='uploaded/$pic'></div>";

您可以通过指定边距在图像之间添加空间，如下所示：

.justprofile {
    float: left;
    margin-right: 1em;
}

在PHP的HTML输出中，您忘记关闭
元素。将
$pics
行更改为：

$pics = "<div class='justprofile'><img src='uploaded/$pic'></div>";

您可以通过指定边距在图像之间添加空间，如下所示：

.justprofile {
    float: left;
    margin-right: 1em;
}

不需要漂浮任何东西<代码>

默认情况下，标记的行为类似于内联。只需删除您的

代码：

---

不需要漂浮任何东西<代码>默认情况下，标记的行为类似于内联。只需删除您的

代码：

---

附加到.css文件。对于对齐，使用

浮动

，图像之间使用

右边距

$pics = "<div class='justprofile'><img src='uploaded/$pic'></div>";

---

附加到.css文件。对于对齐，使用

浮动

，图像之间使用

右边距

$pics = "<div class='justprofile'><img src='uploaded/$pic'></div>";