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

</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">

我怎样才能获得全部三个飞溅图像水平显示...绝对定位。需要帮助的显示3张图像，而不是1

来源

2010-01-25 adam

通过“显示水平”，你的意思是他们旁边坐彼此在同一行？标记中的图像会自然地做到这一点，除非没有足够的空间，在这种情况下，它们会包裹到下面的空间。

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

您可以将样式应用到周围的div来放置图像中心等

此外，原来的标记示例有一些不好的标记。你的图片标签应该是自闭的（即以/>结束，而不是>）。

来源

2010-01-25 16:16:12

http://neighborrow.com/ 这个答案得到所有三个显示，但不是在页面上的正确位置......他们应该在页面的右半部分搜索 – adam 2010-01-25 17:23:08

' '标签不需要自行关闭，除非它是XHTML。 – Gazzer 2010-01-25 18:02:17

@Gazzer：够公平的。我总是开发XHTML标记，所以我想这是习惯。我仍然认为这是值得的可读性。扫描标签视觉上更容易，当你可以快速识别开始和结束标签... – 2010-01-25 18:19:27

你可以

给每个div都不同x位置（最简单的方法，真的）
将它放到足够宽度的容器，让容器position: absolute，而不是周围的div

来源

2010-01-25 16:10:55

你会推荐什么Y位置，还是我只是猜测，并检查.. – adam 2010-01-25 16:13:21

对不起，Y位置可以留一样。纠正。 – 2010-01-25 16:14:48

那么改535还是160？你会推荐什么改变？ – adam 2010-01-25 16:17:01

试着改变你的代码看起来像：

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

来源

2010-01-25 16:15:52 Eli

您还可以使用花车：

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

来源

2010-01-25 18:01:11 Gazzer

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

回答

相关问题