在網頁設計中，列表是一個很常見的元素，但是有時候列表文字會很長，導致列表項的寬度過寬，影響頁面的美觀性。這時候我們可以使用CSS控制列表文字的寬度，使得頁面布局更加美觀。

ul li{
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

如上代碼所示，我們首先選擇列表中的每一個列表項，并設置它的寬度為200像素。接下來，我們使用white-space屬性來控制文字的換行情況，將其設置為nowrap，表示不允許文字換行。然后，我們又使用overflow屬性來控制文本過長時的展示方式。將其設置為hidden，表示隱藏溢出部分的內容。最后，我們還使用了text-overflow屬性，來控制溢出部分的表示方式，將其設置為ellipsis，表示超出部分用省略號代替。

這樣一來，即使列表項中的文字很長，我們也可以將其控制在指定的寬度內，同時展示出超出部分的省略號，使得頁面更加整潔美觀。這是CSS控制列表文字寬度的一種常見方式，也是值得我們掌握的技巧。