<!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" lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>居中div演示效果</title> <style type="text/css"> .align-center{ margin:0 auto; /* 居中 這個是必須的，，其它的屬性非必須 */ width:500px; /* 給個寬度 頂到瀏覽器的兩邊就看不出居中效果了 */ background:red; /* 背景色 */ text-align:center; /* 文字等內容居中 */ } </style> </head> <body> <div class="align-center">居中div演示效果</div> </body> </html>