如何将<HTML>页面居中放置在背景上？

什么，我说的是如下：如何将<HTML>页面居中放置在背景上？

html { 
    background: url(../Images/bgplaid.jpg); 
    background-repeat: inherit; 
    margin: 0px; 
    padding: 0px; 
    margin-top: 0px; 
    padding-top: 0px; 
    width: 1024px;  
}

该CSS将设置页面大小，以1,024像素所以大多都是大屏幕上的该1,024像素外面的背景图像。

我想知道的是我该如何居中页面，以便它始终保持在中心位置。目前它在左侧。背面仅显示在右侧。我想知道我如何能够中心的HTML。

我试着把一个div和align='center'也试图包含div和float中心。没有骰子。

来源

2013-02-08 GivenPie

使用margin: 0px auto;：

html { 
    background: url(../Images/bgplaid.jpg); 
    background-repeat: inherit; 
    margin: 0px auto; 
    padding: 0px; 
    margin-top: 0px; 
    padding-top: 0px; 
    width: 1024px;  
}

来源

2013-02-08 21:38:18

哇，这么简单！ – GivenPie 2013-02-08 21:39:12

0 auto表示给垂直边距一个0px的尺寸，auto表示在两边都给出相同的边距，并尽可能地给出......只是一个提示，你不需要0之后的px因为它只是为文件添加额外的大小...... – 2013-02-08 21:58:59

把一切你的身体后，一个div id为包装<html><body><div id="wrapper">YOUR HTML CODE</div></body></html>

#wrapper { 
width: 1024px; 
margin: 0 auto; 
}

来源

2013-02-08 21:41:59 user1784332

如何将<HTML>页面居中放置在背景上？

回答

相关问题