1、在我們網頁中加入我們輸入的事一首詩，就用窗前明月光來舉例吧，程式碼如圖所示

2、而瀏覽器顯示確實不是這樣的，而是一行，如圖所示

3、當我們需要排列出入程式碼所示的樣式的時候呢，就必須得用到換行標籤<br>,

標籤的用法我們只需要在需要換行的位置插入<br>標籤即可，如圖所示：

4、瀏覽器顯示的效果如圖所示，這就是所謂的換行標籤<br>的用法

5、那些邊來講一下不換行標籤<nobr>的使用方法，如果我們的網頁中的文字過長呢，就會受到瀏覽器的影響，從而自動換行，加入不想換行的話，這時就可以使用不換行標籤<nobr>。<nobr>標籤是一個雙標籤，寫法是：

<nobr>不需要換行的文字</nobr>。

下邊我們用這麼一段子做說明這是沒加換行標籤的

6、當我們加入不換行標籤<nobr>之後，用法如圖所示，瀏覽器中的文字就會排成一行，並且在檢視視窗的下方會出現橫向捲軸樣式

1、首先我們在Html，div和textarea控制元件中編寫相應的程式碼，有一些文字內容。

2、為了使它不換行，你可以直接新增一個樣式。white-space: nowrap; 就是讓文字不換行的樣式。

3、現在檢視頁面，文字不會換行，文字輸入框有一個捲軸。但是div中的內容太長而無法顯示，它並不美觀。為了使div不超長顯示，我們可以新增另一種樣式，溢位：隱藏;這是為了讓長內容自動隱藏。

1、在我們網頁中加入我們輸入的是一首詩，就用窗前明月光來舉例吧，程式碼如圖所示。

2、而瀏覽器顯示確實不是這樣的，而是一行，如圖所示。

3、當我們需要排列出輸入程式碼所示的樣式的時候呢，就必須得用到換行標籤＜br>,標籤的用法我們只需要在需要換行的位置插入＜br>標籤即可，如圖所示：

4、瀏覽器顯示的效果如圖所示，這就是所謂的換行標籤＜br>的用法。

5、那些人來講一下不換行標籤＜nobr>的使用方法，如果我們的網頁中的文字過長了，就會受到瀏覽器的影響，從而自動換行，假如不想換行的話，這時就可以使用不換行標籤＜nobr>。＜nobr>標籤是一個雙標籤，寫法是：

<nobr>不需要換行的文字＜／nobr>。

下邊我們用這麼一段子作說明這是沒加換行標籤的。

6、當我們加入不換行標籤＜nobr>之後，用法如圖所示，瀏覽器中的文字就會排成一行，並且在檢視視窗的下方會出現橫向捲軸樣式。