html - 如何将图片放在网页的最左边和中间

Question

我有一个图像，我想在网页的大部分左侧和每个网页的中心显示，无论屏幕大小如何。目前我已经尝试过我不想要的硬编码样式..

这是我的 HTML..

<a class="youtube" style="float: left; margin-top: 300px;" href="http://www.youtube.com/watch?v=4eYSpIz2FjU" title="TEAMS DEMO"><img alt="demo" src="images/demo.png"></img></a>

请帮帮我..

提前致谢..

Answer 1

我正在对您要实现的目标做出一些假设，因为您的问题根本不清楚:

.youtube {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -150px /* Assuming your image is 300px in height */
}

DEMO