在HTML和CSS中，table是用來展示和排列數(shù)據(jù)的常用元素，我們可以使用CSS的width屬性來控制表格的寬度。

可以使用以下幾種方式來設(shè)置width屬性：

table {
width: XX%; /*設(shè)置表格寬度為頁面寬度的XX%*/
}
table {
width: XXpx; /*設(shè)置表格寬度為XX像素*/
}
table {
width: auto; /*設(shè)置表格寬度自適應內(nèi)容的寬度*/
}

多數(shù)情況下，我們會選擇將表格寬度設(shè)置為頁面寬度的一定百分比或是一個較小的固定像素數(shù)值。然而，有時候我們可能需要在不同的設(shè)備或頁面尺寸下控制表格的寬度，這時候我們可以使用媒體查詢來設(shè)置表格在不同屏幕尺寸下的寬度。

@media screen and (max-width: 600px) {
table {
width: 100%; /*在小于600像素的屏幕中，設(shè)置表格寬度為100%*/
}
}
@media screen and (min-width: 601px) and (max-width: 800px) {
table {
width: 50%; /*在601 - 800像素的屏幕中，設(shè)置表格寬度為50%*/
}
}
@media screen and (min-width: 801px) {
table {
width: 30%; /*在大于800像素的屏幕中，設(shè)置表格寬度為30%*/
}
}

最后，我們需要注意的是，表格中的列寬度也可以使用CSS的width屬性來設(shè)置，如果某一列的寬度超過了表格的總寬度，那么表格將會出現(xiàn)橫向滾動條。