CSS是網頁設計中的重要組成部分，它能夠控制網頁的布局、顏色和字體等方面。在網頁中，常常會遇到寬度需要根據文字自適應的情況，這時我們就需要使用一些CSS技巧來實現。

如果我們想讓一個元素的寬度隨著內部文字的長度自適應，我們可以使用CSS屬性“display: inline-block”，并設置“width: auto”。這樣，元素的寬度將基于內部文字寬度自適應：

.element {
display: inline-block;
width: auto;
}

然而，這種方法有一個缺點：元素的寬度將基于內部文字的最大值。如果有其他元素里包含了超級長的單詞或者鏈接，我們就會遇到問題。為了解決這個問題，我們可以使用CSS3的新屬性“word-wrap: break-word”：

.element {
display: inline-block;
width: auto;
word-wrap: break-word;
}

以上代碼允許文字在單詞之間自動換行，從而適應容器的寬度。這樣，我們就可以充分利用網頁空間，讓網頁更具美感。