CSS中的左右居中是我們在前端開發中常常用到的一種布局方式。下面將介紹如何使用CSS設置HTML中的左右居中。 在CSS中，使用margin:0 auto;可以讓一個塊級元素水平居中，這是左右居中最常用的方式。 例如，對于一個div元素，我們可以這樣設置： ```css div{ width: 300px; margin: 0 auto; } ``` 這樣，div元素就會水平居中，而且它的寬度也被設置為了300像素。 如果我們想要讓多個塊級元素水平居中，可以將它們放在一個包含它們的父級容器中，利用上面的方式設置父級容器的樣式。 下面是一個完整的示例： ```html``` 在上面的示例中，我們設置了一個.container的類來表示包含三個.box元素的父級容器，這里設置了容器的寬度為80%，并設置了margin:0 auto;來使其水平居中。我們還設置了text-align:center;來使三個.box元素在容器中居中。同時，我們設置了.box元素的display:inline-block;來將它們水平排列。 以上就是CSS中設置HTML中左右居中的方法和示例，相信對于前端開發者來說是非常實用的技巧。