第一種方式：設置body居中。在CSS中的代碼是（body{text-align:center;}）第二種方式：用盒子模型，首先設置一個Div，這個DIV的寬度為100%，然后在這個DIV居中，那么在這個DIV中加的內容就居中顯示，代碼如下：<div><div></div></div>CSS樣式代碼：<styletype="text/css">.div1{text-align:center;width:100%;}.div2{width:980px;background:red;}//為了看清效果，加了背景顏色</style>第三種方式：margin：0auto；

通常的方法為：先設置div的寬度，然后使用如下樣式：

1

margin:10pxauto;/*上下邊距10px，左右邊距自動以達到左右居中的目的*/

以下為示例：

HTML代碼中給出div

123<div><div></div></div>

添加樣式

1234567/*外層邊框*/div.outer{width:200px;height:150px;border:1pxsolidgreen;}div.content{width:100px;height:50px;/*設置大小*/margin:20pxauto;/*設置左右邊距自動以使其居中*/border:1pxsolidred;}

顯示效果