在網頁設計中，字超寬度點是一個常見的問題，尤其是當我們需要顯示較長的英文單詞或者數字串時。這些長詞語容易超過容器寬度或者瀏覽器寬度，導致頁面排版混亂。幸好，CSS中有一些技巧可以解決這個問題。

其中一種方法是使用CSS的word-wrap屬性。這個屬性可以指定當字超出容器寬度時，是否自動換行或者截斷。我們可以將它設置為“break-word”，這會在單詞的任意位置進行換行。

p {
word-wrap: break-word;
}

另外，還有一個CSS屬性叫做text-overflow，它可以控制當字超出容器寬度時，如何顯示文字。我們可以將它設置為“ellipsis”，這會在單詞的末尾添加省略號。需要注意的是，這個屬性只有在同時設置了“white-space”為“nowrap”和“overflow”為“hidden”時才有效。

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

還有另外一種方法是使用CSS的縮放屬性。這個屬性可以控制字體大小，使它可以根據容器寬度進行縮放。最終效果是，在不改變字體單詞間距的情況下，能讓字體自適應容器寬度。

p {
font-size: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transform: scale(1, 1);
transform-origin: 0 0;
}

總之，如果你在設計網站的過程中遇到字超寬度點的問題，嘗試使用上述技巧，可以讓你的頁面看起來更加美觀和專業。