一般情況下，我們使用CSS創(chuàng)建列表時(shí)，每個列表項(xiàng)的寬度是不一樣的。但是，有時(shí)我們需要將列表的寬度平分，讓每個列表項(xiàng)的寬度相同。下面，我們來學(xué)習(xí)如何使用CSS平分列表寬度。

/* 先將列表樣式設(shè)置為無，去除默認(rèn)樣式 */
ul {
list-style: none;
padding: 0;
margin: 0;
}
/* 設(shè)置每個列表項(xiàng)寬度為平分 */
li {
width: calc(100% / 3);
/* 3代表列表項(xiàng)的數(shù)量，根據(jù)實(shí)際情況修改 */
box-sizing: border-box;
/* 避免因邊框或內(nèi)邊距導(dǎo)致寬度溢出 */
float: left;
/* 使每個列表項(xiàng)左浮動 */
}
/* 最后一個列表項(xiàng)清除浮動 */
li:last-child {
float: none;
clear: both;
}

上述代碼中，calc(100% / 3)指的是將整個列表寬度平分為3等份。如果列表項(xiàng)數(shù)量為4，可以將100%改為25%。

通過以上CSS代碼，我們可以輕松實(shí)現(xiàn)列表寬度平分的效果。希望這篇文章能夠?qū)Υ蠹矣兴鶐椭?/p>