CSS中，我們常常使用列表來展示一些相關內容，而列表中的每一項通常都使用li標簽來定義。但是，在處理列表樣式時，我們可能會遇到一個問題：li兩端對齊。這篇文章將會介紹兩種實現li兩端對齊的方法。 方法一：使用display: flex 首先，我們需要在列表的父元素上應用display: flex樣式。然后，在每個li元素上設置flex:1屬性。這樣，每個li元素的寬度就會自動均分，并且在整個容器中處于同樣的位置。下面是示例代碼：

ul {
list-style:none;
padding:0;
margin:0;
display:flex;
}
li {
flex:1;
text-align:center;
}

在上面的代碼中，我們使用了text-align:center屬性來使得列表項的文本在每個li元素內居中顯示。如果想要讓文本左對齊或右對齊，可以將text-align屬性的值改為left或right即可。 方法二：使用text-align: justify 我們可以使用text-align: justify來實現文字兩端對齊的效果，同樣也可以應用于li元素。需要注意的是，text-align: justify會使得每一行的文本在內部對齊，所以在應用到li元素時，需要將li元素之間的間距去掉。下面是示例代碼：

ul {
list-style:none;
padding:0;
margin:0;
text-align:justify;
}
li {
display:inline-block;
width:20%;
margin-right:-4px;
text-align:left;
}

在上面的代碼中，我們使用了display:inline-block來使得li元素可以排列在同一行中，并且設置了每個li元素的寬度為20%，這樣可以使得每行排列5個li元素。為了消除每個li元素之間產生的間距，我們在li元素上使用了負的margin-right屬性，并且將li元素中文本的對齊方式設置為左對齊。 綜上所述，通過以上兩種方法都可以實現li兩端對齊的效果。在實際開發中，我們可以根據具體情況選擇適合的方法。