如何在水平行中显示图像？答案

【问题标题】：How Do You Display Images In A Horizontal Row?如何在水平行中显示图像？
【发布时间】：2014-07-12 01:01:16
【问题描述】：

这是我的代码，它返回图片列表，具体取决于连接到我的服务器的客户端数量。

    <div>
<?php
$Query = new MinecraftQuery( );

try
{
    $Query->Connect( '64.31.40.146', 25575 );

    if(($Players = $Query->GetPlayers()) !== false) {
        foreach($Players as $Player) {
            echo "<img title=".$Player." src=https://minotar.net/avatar/".$Player."/32.png>
                <p>"."</p>";
        }
    } 
}
catch( MinecraftQueryException $e )
{
    echo $e->getMessage( );
}
?>
</div>

但是，当我这样做时。它显示垂直堆叠的图像。

http://i.imgur.com/FwvNAlB.png

强制图像水平移动的最佳方法是什么？

【问题讨论】：

图像默认是内联的，这意味着它们会自动水平移动。您在图像后添加 <p> 标记，这将添加一个新行并强制每个图像在其自己的行上。
@CGSmith105 问题不在于 div 或居中。
"强制图像水平移动的最佳方法是什么？"通过不做你正在做的事情，明确地迫使他们垂直。
@Juhana 误读。 here is another q/a that solves it
那个也不相关。

标签： php html

【解决方案1】：

这是因为你有<p> 标签。为此更改您的回声：

echo "<img title=".$Player." src=https://minotar.net/avatar/".$Player."/32.png>";

默认<p>标签换行。

【讨论】：

仅供参考，html 标签可以放在代码块内（内联的反引号或块的行首有 4 个空格）以显示标签而不是解析它。

【解决方案2】：

只需删除

<p>"."</p>

我不知道您为什么要添加它，但这就是问题所在。还要在 img 标签中添加引号和结尾的“/”。

所以该行将是：

echo "<img title='".$Player."' src='https://minotar.net/avatar/".$Player."/32.png' />";

【讨论】：

除非您使用 XHTML，否则您不需要自动关闭 img 标签。
是的，当然，但是为了避免问题，这样做是一个好习惯！谢谢