如果你想水平居中可以使用text-align:center
你想垂直居中的话可以使用ling-height的属性,记住,一定是要设置区块本身的高度才行,比如你设置容器的高度是height:10px这时就可以设置垂直居中ling-height:10px
希望帮助到你!
要是不用支持 IE7 的话非常建议使用 CSS3 + 少许特殊技巧看我实例
<body>
<img src="background.jpg" id="background-full" />
<div id="main">
... 你的 HTML 内容 ...
</div>
</body>
---
html, body {
height: 100%
width: 100%
padding: 0
margin: 0
}
#background {
z-index: -999
// z-index 是为了把 IMG 推到网页最後层
min-height: 100%
min-width: 1440px
background-position: center
background-size: cover
// background-size 是 CSS3 新特性,cover 就是占用全屏,你也可以改用 background-size: contain 占用全屏的比例高
width: 100%
height: auto
position: fixed
top: 0
left: 0
}
#main {
position: relative
width: 800px
min-height: 400px
margin: 100px auto
}
// #main 是我随便乱写的
应该可以做 LZ 你想要效果,不行的话把 Background 图片嵌进 CSS 当作 background-image 然後用 blank.png (全透明图) 取代本来的 IMG