網頁設計中，經常會遇到需要展示大段文字或者圖片的情況，但是頁面的可用空間通常都是有限的，這個時候就需要用到內容超出顯示的技巧。 使用CSS控制元素的尺寸和布局是比較基礎的技能了，下面介紹一些常見的內容超出顯示的方法。 1. 滾動條 當文本內容超出容器的尺寸時，可以使用CSS樣式overflow: auto;來添加滾動條。這樣，用戶就可以通過滾動條來查看完整內容。 比如以下代碼：

這是一段很長的文字，超出了容器的尺寸范圍，因此出現了滾動條，用戶可以通過滾動條來查看完整內容。

2. 裁剪 使用CSS樣式overflow: hidden;可以使內容超出容器的尺寸部分被裁剪掉，只顯示容器范圍內的內容。 比如以下代碼：

這是一段很長的文字，超出了容器的尺寸范圍，但是因為使用了overflow: hidden;樣式，所以只顯示了容器范圍內的內容。

3. 文字換行 有時候，文本內容太長并不是因為單行內容超出了容器的尺寸，而是因為單詞太長，單行顯示不下。這個時候可以使用CSS樣式word-wrap: break-word;來強制換行。 比如以下代碼：

這是一段很長的英文單詞supercalifragilisticexpialidocious，因為單詞太長，所以一般情況下會超出容器的尺寸。但是因為使用了word-wrap: break-word;樣式，所以單詞被強制換行，整段內容可以完整顯示。

總之，以上三種方法是比較常見的內容超出顯示的技巧，可以根據實際情況選擇使用。