CSS可以讓盒子左右居中的方法有很多種，下面是一個比較常用的方法：

1. 使用絕對定位：

```css

.container {

position: relative;

width: 300px;

height: 200px;

.container:before,

.container:after {

position: absolute;

content: "";

left: 50%;

transform: translateX(-50%);

在上面的代碼中，`.container`是盒子的類名，`:before`和`:after`是插入偽元素的方式。`.container:before`和`.container:after`插入的偽元素都將占據父元素的左側空間，因為它們被定位在父元素左側。使用`content`屬性來設置偽元素的具體內容，這里使用了一個空格來使偽元素居中。

2. 使用Flexbox布局：

```css

.container {

display: flex;

justify-content: center;

align-items: center;

width: 300px;

height: 200px;

在上面的代碼中，`.container`是盒子的類名，`display: flex`使盒子轉換為Flexbox布局，`justify-content: center;`和`align-items: center;`設置盒子的左右justify和上下align。

這兩種方法都可以讓盒子左右居中，具體使用哪種方法取決于具體的需求和布局情況。