<html> <head> <title>test</title> <style> body{ TEXT-ALIGN: center; } #center{ MARGIN-RIGHT: auto; MARGIN-LEFT: auto; height:200px; background:#F00; 400px; vertical-align:middle; line-height:200px; /* 说明： vertical-align:middle;表示行内垂直居中，将行距增加到和整个DIV一样高line-height:200px;然后插入文字，就垂直居中了。 */ } </style> </head> <body> <div id="center"><p>test middle</p></div> </body> </html>