绝对定位。需要帮助显示 3 张图像而不是 1 张

Question

    </div>

<div style="position:absolute;top:160px;left:535px;"><img src="splash.png"></div>
<div style="position:absolute;top:160px;left:535px;"><img src="splash2.png"></div>
<div style="position:absolute;top:160px;left:535px;"><img src="splash3.png"></div>
<!-- Press Logos -->
<div align="center">

我怎样才能让所有三个启动图像水平显示......

Answer 1

“水平显示”是指它们彼此相邻地排在一条线上吗？标记中的图像会自然地执行此操作，除非没有足够的空间，在这种情况下，它们会环绕到下面的空间。

<div>
    <img src="splash.png" />
    <img src="splash2.png" />
    <img src="splash3.png" />
</div>

您可以将样式应用于周围的 div 以将图像居中放置等。

此外，您的原始标记示例有一些错误的标记。您的图像标签应该是自动关闭的（即以 /> 结尾，而不是 >）。

Answer 2

你可以

• 给每个div一个不同的x位置（实际上是最直接的方法）

• 将它们放入足够宽度的容器中并给容器position:absolute而不是周围的div

Answer 3

尝试将您的代码更改为：

<div style="position:absolute;top:160px;left:535px;">
    <img src="splash.png"><img src="splash2.png"><img src="splash3.png">
</div>

Answer 4

您还可以使用浮动：

#header
{
     height: 100px; /*or something */
 }
#header img
{
      float: left;
      margin: 20px; /*change the margin(s) as you need */
}