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一个不同的x位置（最直接的方式，真的）
将它们放入宽度足够的容器中，然后给容器position: absolute而不是周围的div

Answer 2

尝试将代码更改为：

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

Answer 3

通过'水平显示'，你的意思是他们在一条线上彼此相邻吗？标记中的图像会自然地这样做，除非没有足够的空间，在这种情况下它们会包裹在下面的空间中。

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

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

此外，您的原始标记示例有一些不良标记。您的图片代码应该是自动关闭的（即以/＆gt;结尾，而不是＆gt;）。

Answer 4

你也可以使用花车：

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

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

4 个答案: