CSS是Web前端開發中最為重要的一項技術，它不僅可以美化網站，還能為網站帶來更為完美的交互效果。在CSS的使用中，實現LI兩端對齊是一個常見的需求。下面通過一些代碼例子，來簡單介紹一下如何實現這個需求。

ul {
text-align: justify;
}
li {
display: inline-block;
margin: 0 5px;
*display: inline;
zoom: 1;
}

首先，我們需要在UL標簽上設置文本對齊方式為兩端對齊（justity）。接著我們需要給每個LI標簽添加display屬性，使其以內聯塊元素的形式展示。為了讓LI標簽之間平均分配空間，我們還需添加一些邊距（margin）。

當然，這段代碼仍然存在一些兼容性問題，需要使用一些Hack手段來解決。比如IE6/7下需要加上"*display: inline; zoom: 1;"，CSS3以前的版本需要使用浮動（float）屬性。具體的Hack手段也需要根據不同的版本進行選擇。

ul {
display: table;
table-layout: fixed;
width: 100%;
}
li {
display: table-cell;
text-align: center;
}
li:first-child {
text-align: left; /* 第一個li左對齊 */
}
li:last-child {
text-align: right; /* 最后一個li右對齊 */
}

為了更好的保證兼容性，另一種實現方式是使用display屬性以及表格布局。這種方式可以使LI標簽自適應父容器的寬度，確保兩端對齊效果的同時，也解決了一些兼容性問題。

以上是兩種實現LI兩端對齊的方式，通過不斷使用實踐和學習，我們可以更好地掌握CSS技術，創造出更美好的Web界面。