CSS li 是一種用于構建列表元素的 HTML 標記。使用 CSS 可以輕松地對列表元素進行布局和樣式化，包括對 li 元素的上下左右居中操作。

下面是一個示例代碼，展示了如何使用 CSS 對 li 元素進行居中操作：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

在這個示例中，我們使用了 li 元素的自身樣式來將其水平居中：

```css

display: inline-block;

text-align: center;

接下來，我們使用 CSS 的左右居中操作：

```css

li:first-child {

display: inline-block;

text-align: left;

li:last-child {

display: inline-block;

text-align: right;

這個示例代碼將第一個 li 元素水平居中，并將最后一個 li 元素水平居中，同時將其他 li 元素垂直居中。

除了使用自身樣式進行居中外，我們還可以使用 CSS 的 transform 屬性來實現更加復雜的居中操作。例如，我們可以使用旋轉操作將 li 元素旋轉到所需位置：

```css

display: inline-block;

text-align: center;

li:first-child {

transform: rotate(45deg);

text-align: left;

li:last-child {

transform: rotate(-45deg);

text-align: right;

在這個示例中，我們首先使用 transform 屬性將 li 元素旋轉 45 度，然后將旋轉后的 li 元素水平居中。

總之，CSS li 元素居中操作是非常簡單和靈活的，只需要使用簡單的樣式和居中操作即可實現。