中心图像垂直和水平

Question

我倾向于在我设计的每个网站上都这样做,但我还没有真正找到一个真正好的方法来做到这一点.公司通常会向我提供他们的徽标,当您转到页面时,我将其置于屏幕中间,然后自动将您转到主页.我似乎无法找到一个好的方法来将图像置于屏幕中间,而不需要一堆表和div!有什么好建议吗？!

Answer 1

您可以尝试div在HTML中使用a ,如下所示:

<div id='dv'></div>

并使用这样的背景图像:

#dv {
    background: url('http://pieisgood.org/images/slice.jpg') no-repeat 0 0;
    background-position: center;
}

html,body,#dv { /* so that the #dv can fill up the page */
    width:100%;
    height:100%;
}

小提琴