如何将我的横幅放在中间并将其置于顶部？

Question

所以这是我的CSS代码。

    IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    top:0px;
                    }

它居中但不在顶部？ 我在互联网上搜索没有任何帮助将不胜感激， 谢谢你的阅读。

Answer 1

使用top:0px;时，您必须将其设为position:fixed;或position:absolute;。
如：

IMG.displayed {
    display: block;
    margin:auto;
    top:0px;
    position:absolute;
 } 

JSFiddle Example

Answer 2

我假设您的意思是横幅未与屏幕顶部齐平。添加body { margin:0px; }，这应该可以解决您的问题。

Answer 3

<style>
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    top:0px;
    position:absolute;
 }
 </style>