在 CSS 排版中，當(dāng)一個元素的內(nèi)容太多而無法容納在所分配的空間內(nèi)時，通常會出現(xiàn)超出部分折行的情況。在這種情況下，瀏覽器通常會讓文本或元素從右側(cè)邊緣延伸到容器的外部。這樣不僅會破壞頁面的布局，還可能影響頁面的可讀性。

為了避免這種情況的發(fā)生，我們可以使用 CSS 屬性overflow-wrap和word-break來實現(xiàn)自動折行。

overflow-wrap: break-word;
word-break: break-all;

overflow-wrap屬性值break-word表示當(dāng)單詞太長而無法在一行中完全容納時，瀏覽器會自動將單詞拆分成多個行，并在單詞的邊界處插入折行符號。

word-break屬性值break-all表示瀏覽器將在任何字符處進(jìn)行折行，而不僅僅是在單詞之間。

當(dāng)這兩個屬性結(jié)合使用時，可以自動將內(nèi)容折行，以便適應(yīng)容器的大小。例如，如果您有一個長表格單元格，它太寬而無法完全容納在屏幕上，則可以使用上述 CSS 屬性來自動將表格單元格中的文本折行到下一行。

總之，使用overflow-wrap和word-break屬性是在 CSS 中實現(xiàn)自動折行的最佳方式。這些屬性可以確保元素的內(nèi)容適合其容器，從而保持良好的頁面布局，并提高可讀性。