CSS自動換行是Web開發中一個很實用的技巧，它可以讓文本自動換行，從而適應不同設備的屏幕大小。
在CSS中，我們可以使用"word-wrap"屬性來控制文字的自動換行。這個屬性有兩個值可選： "normal"和"break-word"。 默認值是"normal"，也就是當文字超出容器的寬度時，會讓文字在容器外部溢出顯示。而當我們把這個屬性值設置為"break-word"時，就可以讓文字在容器內部換行。
使用CSS自動換行時，我們還可以配合使用"white-space"屬性和“text-overflow”屬性來控制換行后超出部分的顯示方式。其中，"white-space"屬性可選值有： "normal"、"nowrap"、"pre"、"pre-line"以及"pre-wrap"。而"text-overflow"屬性允許將文字的溢出部分用省略號表示，可以通過屬性值"ellipsis"實現。
下面是一段CSS代碼示例，可以實現文字換行并使用“ellipsis”省略符號來代替超出部分的顯示：

p {
width: 200px; /* 容器寬度 */
white-space: nowrap; /* 禁止文字換行 */
overflow: hidden; /* 溢出部分隱藏 */
text-overflow: ellipsis; /* 使用省略號代替溢出部分 */
}

在上述代碼中，我們定義了一個容器寬度為200px，同時使用"white-space"屬性將文字強制不換行。然后使用“overflow”屬性使容器內超出部分隱藏，并使用"text-overflow"屬性將溢出部分用省略符號表示。這樣，即使文本內容超出容器寬度，我們也可以通過省略符號來代替溢出部分的顯示。
總之，CSS自動換行和省略號的技巧是Web開發中很常見的技巧，可以用于網頁的排版和布局。如果你想讓你的網站內容更美觀、易讀，那么一定要學會這個技巧，相信它會給你的網頁設計帶來更加出色的效果。