CSS3中的自動換行是指在容器寬度不足以容納文本的情況下,自動將文本分行顯示。一般來說,使用pre標簽或者設置white-space屬性為pre-wrap都可以實現自動換行。
p { white-space: pre-wrap; }
以上代碼表示將p標簽的white-space屬性值設置為pre-wrap,可以在容器寬度不足時自動換行。在CSS3中,還可以設置word-wrap屬性和word-break屬性,實現更加細致的控制。
p { word-wrap: break-word; word-break: break-all; }
以上代碼表示將p標簽的word-wrap屬性值設置為break-word,可以在長單詞換行時自動分隔。同時,將word-break屬性值設置為break-all,可以在任意字符位置換行,避免文字溢出容器的情況發生。
總的來說,在CSS3中,自動換行是一種非常方便的布局方式,可以有效避免文字溢出容器的問題,提高用戶體驗。