我們在網頁設計過程中，經常會使用無序列表（ul）來展示一些簡單的內容。而無序列表中的每一項，都是基于列表項（li）來實現的。那么在使用li時，我們如何設置它的寬度呢？ 首先，我們需要知道li是一個塊級元素，它的寬度默認會鋪滿整個父級元素。也就是說，如果我們不進行任何設置的話，li的寬度將會自適應其父級元素，并且與相鄰li平分父級元素的寬度。 如果我們需要對li的寬度進行定制，我們可以通過CSS中的width屬性來實現。我們可以將寬度設置為一個具體的數值，或者使用百分比來進行設置。 例如，我們可以通過以下代碼來將每一個li的寬度設置為80px：

li {
width: 80px;
}

同時，我們也可以使用百分比來對 li 的寬度進行設置。例如，如果我們希望每一個li占父級元素寬度的25%：

li {
width: 25%;
}

當然，我們也可以為li設置不同的寬度。我們可以使用 nth-child 偽類選擇器來為每一個li設置獨特的寬度。例如，我們可以讓第一個li元素的寬度為100px，第二個li元素的寬度為80px，第三個li元素的寬度為120px：

li:nth-child(1) {
width: 100px;
}
li:nth-child(2) {
width: 80px;
}
li:nth-child(3) {
width: 120px;
}

在實際的網頁設計中，我們需要根據具體的需求來選擇合適的方法來設置li的寬度。同時也要注意，將 li 的寬度設置為固定值，在響應式設計中可能會存在一些問題。因此在設計響應式頁面時，我們需要使用百分比來設置 li 的寬度，以確保頁面的良好展示。