Question

我想在屏幕上的不同屏幕位置的同一位置显示大约5个不同的图像。

我无法粘贴整个网站的代码，因为我使用的是MYBB软件。但这里是网站：www.AlphaDiscussion.com（是的，我知道论坛周围的部分看起来很难看，我正在等待它更新颜色）

我希望这五张图片显示在徽标的正上方。

这是标题模板中的代码，其中五个图像是：

<img src="http://i.imgur.com/TtU3OAY.png" style="position: absolute; top: 40px; right: 500px;">
     <img src="http://i.imgur.com/pDzigv1.png" style="position: absolute; top: 40px; right: 630px;">  
     <img src="http://i.imgur.com/pLIlkK1.gif" style="position: absolute; top: 40px; right: 730px;">    
        <img src=" http://i.imgur.com/KyYZ8m1.png?dateline=1416083133" style="position: absolute; top: 60px; right: 860px;"> 
     <img src=" http://i.imgur.com/iQUavgQ.gif" style="position: absolute; top: 60px; right: 970px;">

它们现在位于评论标记中，因此它们不会显示出来。我是从chromebook输入的，但我的主电脑是一台Windows笔记本电脑。

那我怎么能这样做？

Answer 1

你的意思是那5个图像位于你的徽标上方吗？

我看到了你的代码，也许是这样的：

<div class="wrapper">
    <div style="width:100%; text-align:center">
        <img src="http://i.imgur.com/TtU3OAY.png">
        <img src="http://i.imgur.com/pDzigv1.png">  
        <img src="http://i.imgur.com/pLIlkK1.gif">    
        <img src=" http://i.imgur.com/KyYZ8m1.png?dateline=1416083133"> 
        <img src=" http://i.imgur.com/iQUavgQ.gif">
    </div>
    <center><a href="http://alphadiscussion.com/index.php"><img src="http://alphadiscussion.com/images/logo.png" alt="AlphaDiscussion ~ For the Alphas" title="AlphaDiscussion ~ For the Alphas" /></a></center>
    .....
    ...

在宽度为100％的徽标上方（中心标记上方）创建新的div，并放入图像内部，然后使用文本对齐，您可以将它们对齐到中心，或者文本对齐：右...

这就是你需要的吗？那五个图像一个接一个地位于徽标上方？

如何在不同分辨率下使图像显示在屏幕上的相同位置？

1 个答案: