CSS左右設置居中是一種常用的CSS技術，可以用于將一個元素居中并使其在水平方向上保持水平排列。使用CSS左右設置居中可以幫助我們創建清晰、易于維護的網站和應用程序。

以下是一些常見的CSS技術，可以用來實現CSS左右設置居中：

1. `margin: auto`

這個CSS屬性可以設置一個元素的水平margin和垂直margin相等，并且其內部元素將自動居中。

```css

margin: auto;

2. `display: flex`

這個CSS屬性可以設置一個元素為Flexbox容器，從而將其水平居中。

```css

display: flex;

3. `align-items: center`

這個CSS屬性可以設置一個元素的水平margin和垂直margin相等，并且其內部元素將自動居中，同時還將垂直居中其父元素。

```css

align-items: center;

4. `justify-content: center`

這個CSS屬性可以設置一個元素的水平margin和垂直margin相等，并且其內部元素將自動居中，同時還將水平居中其父元素和垂直居中其子元素。

```css

justify-content: center;

無論哪種CSS技術，我們只需要將其應用于需要居中的元素，并確保元素具有足夠的寬高。例如，如果元素的寬度比其高度小，則可以使用`margin: auto`技術來將其居中。如果元素的高度比寬度大，則可以使用`display: flex`或`align-items: center`技術來將其居中。

以下是一個使用CSS左右設置居中的示例：

```html

<div class="居中">

<h1>居中元素</h1>

<p>居中元素的內容。</p>

</div>

```css

.居中 {

display: flex;

align-items: center;

justify-content: center;

這將創建一個水平居中、垂直居中的`div`元素，其`h1`元素和`p`元素的內容都將自動居中。