CSS設(shè)置li居中的方法

在CSS中，我們可以使用多種方法來(lái)設(shè)置li元素（列表項(xiàng)）居中，以下是幾種常見(jiàn)的方法：

1、使用text-align屬性：

text-align屬性用于設(shè)置文本的水平對(duì)齊方式，我們可以將text-align屬性設(shè)置為center，使li元素中的文本居中顯示。

li {
  text-align: center;
}

2、使用margin屬性：

我們可以將li元素的左右margin設(shè)置為auto，使元素水平居中。

li {
  margin-left: auto;
  margin-right: auto;
}

3、使用flexbox布局：

我們可以將li元素的父元素設(shè)置為flexbox布局，并使用justify-content屬性將子元素（即li元素）水平居中。

ul {
  display: flex;
  justify-content: center;
}

4、使用grid布局：

我們還可以將li元素的父元素設(shè)置為grid布局，并使用justify-items屬性將子元素（即li元素）水平居中。

ul {
  display: grid;
  justify-items: center;
}

是幾種常見(jiàn)的設(shè)置li元素居中的方法，在實(shí)際應(yīng)用中，我們可以根據(jù)具體的需求和場(chǎng)景選擇適合的方法。