CSS自動撐開不換行是網頁中常用的排版效果之一，適用于需要多行文本顯示的元素，例如文章正文、評論等。本文將介紹如何使用CSS實現此效果。

/* CSS代碼 */
p {
width: 200px;
height: auto;
overflow: hidden;
white-space: pre-wrap;
}

上面的CSS代碼中，我們針對p標簽進行了如下樣式定義：

• width: 200px; 控制元素寬度為200像素；
• height: auto; 高度自適應，根據元素中的文本內容自動撐開高度；
• overflow: hidden; 隱藏元素中溢出的文本內容；
• white-space: pre-wrap; 設置元素文本轉行規則，遇到空格或換行符時進行自動調整。

在使用以上樣式時，需要注意元素寬度、高度和文本內容的匹配，如果元素寬度過小，可能會導致文本換行顯示，從而影響視覺效果。

總之，使用CSS自動撐開不換行能夠幫助我們更好地控制網頁排版效果，提高用戶閱讀體驗。