CSS不按照字母截斷是指文本在邊界處不被強制換行或截斷，而是保持完整的單詞或短語，直到能夠放下整個文本為止。

這個特性在網站設計中非常有用，特別是在自適應布局方面。通常情況下，我們會將文本截斷或強制換行，以適應不同的終端設備。但如果文本被破壞成多個部分，可能會導致閱讀體驗變得不連貫或不自然。CSS不按照字母截斷解決了這個問題。

p{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

上述CSS代碼實現了不按照字母截斷的效果。在這個例子中，我們使用了white-space屬性來防止文本被截成多行。overflow屬性隱藏了超出容器寬度的文本，同時text-overflow屬性用省略號表示被截斷的內容。

需要注意的是，這種方法只適用于單行文本。如果需要多行的不按照字母截斷效果，可以使用display: table屬性來實現。

p {
display: table;
}
span {
display: table-cell;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在這種情況下，我們將p標簽設為表格布局，再將文本部分用span標簽包裹，并將span標簽設為表格單元格布局。這樣就可以實現多行不按照字母截斷的效果。

總的來說，CSS不按照字母截斷是一個非常有用的特性，可以提高網站的閱讀體驗和自適應布局效果。