0.效果:
1.html
<!DOCTYPE html><html> ???<head> ???????<meta charset="UTF-8"> ???????<title></title> ???????<link type="text/css" rel="stylesheet" href="1.css" /> ???</head> ???<body> ???????<div id="container"> ???????????居中模板 ???????</div> ???</body></html>
2.css
???????????body,html { ???????????????margin: 0px auto; ???????????????width: 100%; ???????????????padding: 0px; ???????????????font-size: 12px; ???????????????color: #364f56; ???????????????background-color: #FFFFFF; ???????????????text-align: center; ???????????} ???????????????????????#container { ???????????????margin: 0px auto; ???????????????text-align: left; ???????????????width: 90%; ???????????????height: 600px; ???????????????border: 1px dashed green; ???????????}前端居中模板(常用HTML模板)
原文地址：http://www.cnblogs.com/qlqwjy/p/7617564.html