在HTML中，如何能夠讓盒子居中呢？下面介紹幾種方法。

//CSS居中盒子
.box{
width:200px;
height:200px;
margin:auto;
}

上面的CSS代碼中，margin:auto; 屬性可以將盒子水平居中。

//CSS水平居中文字
.box{
width:200px;
height:200px;
text-align:center;
line-height:200px;
}

上面的CSS代碼中，text-align:center; 屬性可以將文字水平居中。line-height:200px; 可以使文字垂直居中。

//CSS絕對定位居中
.box{
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;
}

使用position:absolute; 屬性，將盒子位置設置為絕對定位。然后，將top和left屬性都設置為50%，使盒子水平和垂直方向都居中。最后，使用margin-top和margin-left將盒子往上和往左移動一半的寬度和高度，以實現居中。

通過上面三種方法，可以設置盒子居中。