今天小编跟大家讲解下有关DIV水平垂直居中css实现代码 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关DIV水平垂直居中css实现代码 的相关资料，希望小伙伴们看了有所帮助。
主要代码： position:absolute; top:50%; left:50%; margin-top:-(height/2); margin-left:-(width/2) <!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>已知宽高度DIV垂直水平居</title> <style type="text/css"> <!-- .main{ position:absolute; top:50%; left:50%; width:560px; height:188px; margin:-94px 0 0 -280px; background:#C8EDFB} --> </style> </head> <body> <div style="width:950px; margin:0 auto"> <div class="main">已知宽高度DIV垂直水平居</div> </div> </body> </html> 提示：您可以先修改部分代码再运行来源：爱蒂网
