CSS3有許多新的特性，其中之一便是在布局時能夠控制文本內容的換行。在CSS3中，使用了新的屬性值來實現內容的換行，在本文中我們將會講解這些屬性值。 text-wrap屬性 text-wrap屬性是在CSS3中用來控制文本內容換行的一種屬性。該屬性的值可能包括： - normal：是默認值，文本內容將會被截斷，如果有空間的話，它也可以延伸到下一行。 - none：文本內容不換行。 - unbreakable：因為語言或者其他的原因，一些單詞或專有名詞可能不會在它們自身的符號上進行換行，如果使用該值，只有在不會破壞單詞或專有名詞時，文本內容才能換行。 使用方式如下：

p {
text-wrap: normal;
}

word-wrap屬性 word-wrap屬性是CSS3中的另一種控制文本內容換行的屬性。與text-wrap不同，它不能只是用于文本內容的換行，也可以在單詞內部進行換行，換行符會被插入到單詞內部。 word-wrap屬性的值包括： - normal：是默認值，在單詞內部不進行換行。 - break-word：當一個單詞長度超過其父元素時，該單詞會被分成幾個部分，從而實現在單詞內部的換行。 使用方式如下：

p {
word-wrap: break-word;
}

字符截斷 除了這些屬性之外，我們還可以使用字符截斷來實現文本內容的換行。當文本內容超出其父元素的寬度時，將文本內容截斷并在文本后加上省略號。 字符截斷有兩種方式：使用CSS偽元素::after或者簡寫屬性text-overflow。 使用CSS偽元素::after的方式如下：

p {
white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis; 
}

使用text-overflow的簡寫屬性方式如下：

p {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

總結 在CSS3中，我們可以使用text-wrap屬性、word-wrap屬性或字符截斷這些屬性值，實現文本內容的換行。開發者可以按照自己的需要來選擇相應的屬性值，從而創建出美觀的網頁布局效果。