在網(wǎng)頁(yè)設(shè)計(jì)中，表格是一個(gè)非常重要的元素，通過在表格中添加文字可以方便地展示大量信息。但是當(dāng)表格中的數(shù)據(jù)過多時(shí)，文字會(huì)超出顯示范圍，這時(shí)候就需要使用CSS對(duì)表格中的文字進(jìn)行換行顯示。 在HTML中，表格中的每個(gè)單元格都使用標(biāo)簽來表示，如果我們想要讓單元格中的文字在空間不足的情況下?lián)Q行顯示，可以使用CSS中的white-space屬性。 這個(gè)屬性有三個(gè)取值：normal、nowrap、prewrap。默認(rèn)情況下，white-space的取值為normal，這表示在單元格中的文字會(huì)自動(dòng)換行，但是當(dāng)單元格不足以容納所有文字時(shí)，會(huì)將文字截?cái)囡@示。 如果我們希望單元格中的文字不換行，只顯示一行，可以設(shè)置white-space為nowrap。如果我們希望單元格中的文字在需要的時(shí)候進(jìn)行自動(dòng)換行，而不是被截?cái)囡@示，可以設(shè)置white-space為pre-wrap。 下面是使用CSS對(duì)td標(biāo)簽進(jìn)行文字換行顯示的樣例代碼：

table {
width: 100%;
border-collapse: collapse;
}
td {
border: 1px solid #ccc;
padding: 10px;
white-space: pre-wrap;
}

在這個(gè)樣例代碼中，我們先定義了一個(gè)table標(biāo)簽，并設(shè)置其寬度為100%，同時(shí)取消了表格中各個(gè)單元格之間的邊框線。 接下來，我們定義了td標(biāo)簽的樣式，首先給它們添加了一個(gè)灰色的邊框線，并設(shè)置內(nèi)間距為10px。最關(guān)鍵的是，我們將white-space屬性設(shè)置為pre-wrap，這樣就可以實(shí)現(xiàn)單元格中的文字在需要時(shí)自動(dòng)換行。 需要注意的是，pre-wrap會(huì)保留單元格中的所有空格和換行符，因此在使用這個(gè)屬性時(shí)需要小心。如果希望去掉這些不必要的空格和換行符，可以將white-space設(shè)置為pre-line，這樣就只會(huì)保留每一行的換行符，而不會(huì)保留空格。 總之，在使用表格時(shí)，合理運(yùn)用CSS的white-space屬性可以讓表格更加美觀、易讀，效果非常顯著。