在CSS中，有時候我們需要設置某個文本中的一部分內容的樣式。這時，我們可以使用span標簽來實現。但是，當我們在設置樣式時，可能會遇到超出一行的情況。這時，我們就需要使用CSS中的一個屬性——word-wrap。 首先，我們來看一下span標簽的基本用法。例如，我們想要將一句話中的“學習”這兩個字設置為藍色，那么我們可以這樣寫：

我喜歡學習編程，學習使我快樂。

這段代碼中，我們使用了span標簽，將“學習”這兩個字設置了藍色。但是，如果這句話過長，導致“學習”這個單詞超出了一行，那么就會出現問題。 這時，我們就可以使用word-wrap屬性來解決這個問題。在span標簽中添加以下CSS代碼：學習這樣，當“學習”這個單詞超出一行時，就會自動換行，不會影響其他內容的顯示。 完整代碼如下：

<p>我喜歡學習編程，<span style="color:blue;word-wrap: break-word;">學習</span>使我快樂。</p>

總之，使用span標簽可以很方便地設置某個文本中的一部分內容的樣式，而word-wrap屬性則能很好地處理超出一行的文本。這樣，我們就可以輕松解決跨行顯示的問題了。