在網頁設計中，經常會遇到需求控制文本內容如何換行，常常采用CSS樣式來解決，以下是一些常見的CSS樣式。

.white-space {
white-space: normal; /*默認屬性，自動換行*/
}
.no-wrap {
white-space: nowrap; /*禁止自動換行*/
}
.pre-line {
white-space: pre-line; /*保留換行和空格*/
}
.pre {
white-space: pre; /*保留換行和空格，且不自動換行*/
}
.break-word {
word-wrap: break-word; /*允許單詞內部斷行*/
}
.overflow-ellipsis {
white-space: nowrap; /*禁止自動換行*/
overflow: hidden; /*超出部分隱藏*/
text-overflow: ellipsis; /*超出部分顯示省略號*/
}

以上代碼可通過設置class屬性引用，靈活地控制文本內容的換行方式。