在CSS樣式表中，我們常常會(huì)使用P字段來(lái)定義段落或文本塊的樣式。但是，在某些情況下，P字段的文本可能會(huì)太長(zhǎng)，超出了其所在容器的寬度，從而導(dǎo)致內(nèi)容溢出。

為了解決這個(gè)問(wèn)題，可以使用CSS中的text-overflow屬性來(lái)控制文本的顯示方式。當(dāng)文本超出容器寬度時(shí)，可以設(shè)置text-overflow為"ellipsis"，這樣文本就會(huì)以省略號(hào)（...）的形式顯示。

p {
white-space: nowrap; /* 禁止換行 */
overflow: hidden; /* 隱藏超出容器的部分 */
text-overflow: ellipsis; /* 以省略號(hào)形式顯示超出部分 */
}

在上面的代碼中，我們首先設(shè)置了white-space為nowrap，這樣文本就不會(huì)自動(dòng)換行。然后，使用overflow:hidden來(lái)隱藏超出容器的部分。最后，使用text-overflow:ellipsis來(lái)以省略號(hào)形式顯示超出部分。

需要注意的是，text-overflow屬性僅在塊級(jí)元素中生效，因此需要將p設(shè)置為display:block。另外，在一些瀏覽器中，text-overflow屬性需要和overflow:hidden一起使用才能生效，因此最好同時(shí)設(shè)置這兩個(gè)屬性。

總體來(lái)說(shuō)，使用text-overflow屬性可以很方便地控制長(zhǎng)文本的顯示方式，尤其在需要在有限空間內(nèi)展示大量文本的情況下，這個(gè)屬性的作用就顯得尤為重要。