wbr和nobr標籤的應用

2023年2月17日

1,702 人瀏覽

首先請原諒園子

會告訴你wbr這標籤，乙個已經不再web標準

中存在的標籤，雖然很多設計師（比如google）還在用著它，因為它有個作用是css

無法達到的。

如果你在網頁上顯示很長的英文單詞或者**時，我們並沒有很好的辦法在所有的瀏覽器中用css控制它換行，但是這個標籤可以做到，作用於不會自動換行的區域中時，它會根據實際情況決定是否換行。假如：

123

4567

上圖是在瀏覽器視窗夠大的情況下的顯示效果，我們可以看出如果寬度足夠的話，並沒有起作用（圖2.6），但是，如果寬度沒有連著的英文那樣長的話就會出現像下這樣的顯示效果：

除了ie5~6會撐開容器外，其他的瀏覽器都是溢位容器，能在需要換行的地方進行換行，雖然像這樣長的**幾乎不存在，但在製作網頁時，常常會遇到類似這種情況，除了**，一些中文的字元也不會自動換行，雖然ie有私有的css屬效能讓它強制換行，但其它瀏覽器就必須使用其他的方式。

與wbr作用相反的標籤，同樣不再web標準中存在的標籤，它是強制某些會換行的內容讓其不換行，這個標籤並不推薦使用，因為我們可以通過css來實現它的功能。避免使用表現類的標籤可以讓我們向實現結構與表現的分離走近一小步，同時也要避免教條般的使用，應按需要使用。