CSS中讓盒子居中是前端開發中一個非常常見的問題，下面我們來一起學習幾種方法：

/* 方法一：利用margin實現水平居中 */
div{
　　width: 200px;
　　height: 200px;
　　background-color: #ff0000;
　　margin: 0 auto;
}
/* 方法二：利用flex實現水平和垂直居中 */
.container{
　　display: flex;
　　align-items: center;
　　justify-content: center;
}
.box{
　　width: 200px;
　　height: 200px;
　　background-color: #ff0000;
}
/* 方法三：利用position和transform實現水平和垂直居中 */
.box{
　　width: 200px;
　　height: 200px;
　　background-color: #ff0000;
　　position: absolute;
　　top: 50%;
　　left:50%;
　　transform: translate(-50%,-50%);
}

以上三種方法都可以實現盒子的水平和垂直居中，具體使用哪種方法，可以根據實際需求和代碼量來選擇。