在使用CSS設(shè)計(jì)表格時(shí)，我們經(jīng)常需要控制每行的寬度。下面我們來具體了解一下該如何實(shí)現(xiàn)。

table {
width: 100%;
border-collapse: collapse;
}
td {
width: 20%;
}
tr:nth-child(odd) {
background-color: #f2f2f2;
}

以上代碼中，我們首先將表格的寬度設(shè)置為100%，使其充滿整個(gè)容器。然后，通過設(shè)置td元素的寬度為20%，控制每個(gè)單元格的寬度。這樣，每行將會(huì)有5個(gè)單元格。

接著，我們使用了nth-child選擇器，奇數(shù)行設(shè)置了背景顏色為淺灰色，以便更好的區(qū)分每行內(nèi)容。

使用以上代碼，我們可以輕松地實(shí)現(xiàn)表格每行元素的寬度控制。當(dāng)然，你也可以根據(jù)自己的需求在代碼中做出相應(yīng)的調(diào)整。