首页|建站|设计|QQ|百科|范文|电商|学习
DIV+CSS网页上下左右居中在未知高度及宽度情况下实现

站长教程网   时间:2011-10-06   来源:建站知识

废话不多说,直接贴代码

  <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> div{ width:1200px; height:500px; background:#000; color:#fff; position:absolute; left:50%; top:50%; margin:-250px 0px 0px -600px;} </style> </head>   <body> <div>QQ部落(www.qqclan.com) </div> </body> </html>   [DIV+CSS网页上下左右居中在未知高度和宽度情况下实现解释:]   先要确定外匡元素的 宽度和高度,这个宽度和高度必须要确定出来; 然后直接用CSS的绝对定位方法,分别  左面 50%的位移,上面50%的位移,,,   然后用外边距   margin   分别对上面和左面设置外间距     这个尺寸是根据你外框的百分之50%,来确定,,具体可以看我的代码   我的外框设置的是  宽度 1200像素   高度500像素   那么  外间距就是  上面   250像速   左面  150像素