CSS 中文 CSS 的 li 標(biāo)簽是用于制作列表的，但是在列表中經(jīng)常需要讓文本內(nèi)容居中。這時(shí)候就需要使用 css 來實(shí)現(xiàn)其內(nèi)容居中了。 li 元素的內(nèi)容居中可以通過 text-align 屬性來實(shí)現(xiàn)。該屬性可以設(shè)置文本對齊方式的值，常見的有 left、right、center 等。 例如，在一個(gè)無序列表中，我們需要讓每個(gè) li 標(biāo)簽中的內(nèi)容都水平居中，可以這樣寫 css 代碼： ul li { text-align: center; } 以上代碼將會(huì)把所有 li 標(biāo)簽的內(nèi)容都設(shè)置為居中顯示。如果你只需要一個(gè) li 元素，則可以通過類名或者 ID 來選定。 例如，下面的代碼將只讓列表中的第一項(xiàng) li 元素中的文本內(nèi)容水平居中顯示：

• 居中顯示的內(nèi)容
• 默認(rèn)居左顯示的內(nèi)容
• 默認(rèn)居左顯示的內(nèi)容

CSS 代碼： ul .center { text-align: center; } 除此之外，也可以通過 CSS 的 display 屬性來設(shè)置 li 元素內(nèi)部的文本居中顯示。這種方法與上面的 text-align 方法不同的是，它是基于盒子模型的。 例如，下面的代碼將把列表中所有的 li 元素內(nèi)的文本內(nèi)容都水平和垂直居中：

• 居中顯示的內(nèi)容
• 居中顯示的內(nèi)容
• 居中顯示的內(nèi)容

CSS 代碼： ul li { display: flex; justify-content: center; align-items: center; } 以上代碼將會(huì)把 ul 元素中的所有 li 元素的內(nèi)部文本都設(shè)置為水平垂直居中。 總結(jié) 通過以上兩種方式，可以很方便地讓列表中的文本內(nèi)容居中。你可以根據(jù)自己的實(shí)際需求和代碼情況來選擇適合自己的方法。