1、首先我們?cè)贖tml，div和textarea控件中編寫相應(yīng)的代碼，有一些文本內(nèi)容。

2、為了使它不換行，你可以直接添加一個(gè)樣式。white-space: nowrap; 就是讓文本不換行的樣式。

3、現(xiàn)在查看頁(yè)面，文本不會(huì)換行，文本輸入框有一個(gè)滾動(dòng)條。但是div中的內(nèi)容太長(zhǎng)而無法顯示，它并不美觀。為了使div不超長(zhǎng)顯示，我們可以添加另一種樣式，溢出：隱藏;這是為了讓長(zhǎng)內(nèi)容自動(dòng)隱藏。

分為行內(nèi)元素和塊元素

行內(nèi)元素特點(diǎn):

(1)設(shè)置寬高無效

(2)對(duì)margin僅設(shè)置左右方向有效，上下無效；padding設(shè)置上下左右都有效，即會(huì)撐大空間

(3)不會(huì)自動(dòng)進(jìn)行換行

塊元素特點(diǎn):

(1)能夠識(shí)別寬高

(2)margin和padding的上下左右均對(duì)其有效

(3)可以自動(dòng)換行

(4)多個(gè)塊狀元素標(biāo)簽寫在一起，默認(rèn)排列方式為從上至下

<br />即可實(shí)現(xiàn)內(nèi)容換行，br”作為英文是“barter rabbet”的縮寫，有“換行”的意思