在網(wǎng)頁(yè)中，我們經(jīng)常會(huì)使用到表格來(lái)展示數(shù)據(jù)，而表格中的空格有時(shí)會(huì)讓表格的顯示效果不夠美觀。那么，如何讓表格中的空格自動(dòng)換行呢？

可以使用CSS中的white-space屬性來(lái)控制表格中空格的處理方式。其中，屬性值的預(yù)設(shè)值有nowrap、pre、pre-wrap和pre-line四個(gè)值，分別代表著不換行、保留原有換行和空格、保留原有換行但折疊空格和保留空格但基于內(nèi)容自動(dòng)換行這四種處理方式。

table {
white-space: pre-wrap; /*保留原有換行但折疊空格*/
}

上述代碼將white-space屬性的值設(shè)置為pre-wrap，即保留原有換行但折疊空格。這樣，當(dāng)表格中出現(xiàn)空格時(shí)，表格會(huì)自動(dòng)換行，而不會(huì)因?yàn)榭崭裉喽鴮?dǎo)致展示效果不美觀。

需要注意的是，當(dāng)white-space屬性的值為pre或pre-wrap時(shí)，表格中的文本不會(huì)自動(dòng)換行。如果需要文本自動(dòng)換行，請(qǐng)?jiān)O(shè)置表格中的單元格（td）或表頭單元格（th）的屬性值為word-wrap:break-word。

td,th {
word-wrap: break-word; /*基于內(nèi)容自動(dòng)換行*/
}

上述代碼將word-wrap屬性設(shè)置為break-word，即基于內(nèi)容自動(dòng)換行。這樣，即使表格中的文本太長(zhǎng)，也會(huì)根據(jù)內(nèi)容自動(dòng)換行，不會(huì)影響表格的展示效果。

通過(guò)CSS中的white-space屬性和word-wrap屬性，我們可以輕松地實(shí)現(xiàn)表格中空格自動(dòng)換行和文本的自動(dòng)換行。這樣，即使表格中出現(xiàn)大量的空格和長(zhǎng)文本，也能保證表格的展示效果美觀、易讀。