css的一些代码
来源：互联网 发布：网络教育电大 编辑：程序博客网 时间：2024/05/21 10:26
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>居中</title><style type="text/css"><!--body { padding: 0; margin: 0; background-color: #e8f0f8;}body,html{height: 100%;}#outer {height: 100%; overflow: hidden; position: relative;width: 100%; }#outer[id] {display: table; position: static;}#middle {position: absolute; top: 50%;} /* for explorer only*/#middle[id] {display: table-cell; vertical-align: middle; position: static;}#inner {position: relative; top: -50%;width:300px;margin: 0 auto;background-color:#DDD;text-align:center;} /* for explorer only */--></style></head><body><div id="outer">hello <div id="middle">test <div id="inner">居中 </div> </div></div></body></html>
