剛剛?cè)腴T(mén)前端的小伙伴肯定有遇到過(guò)需要將一整段文字換行顯示的情況，其實(shí)有好幾種方式可以實(shí)現(xiàn)，小千今天就來(lái)給大家介紹幾種常見(jiàn)的方式。

       1.首先第一種方式就是在想要換行的文本處添加一個(gè) "<br>"  標(biāo)簽即可，想換幾行就添加幾次代碼即可。

       2.使用<p>文字</p>代碼，段落文字會(huì)自動(dòng)換行，需要多少行就需要添加多少次<p>代碼，注意這個(gè)代碼需要有關(guān)閉項(xiàng)也就是</p>結(jié)尾，否則無(wú)法生效。

       3.通過(guò)一些編輯器當(dāng)你按下回車(chē)鍵的時(shí)候編輯器會(huì)自動(dòng)為你添加換行代碼，例如Dreamweaver等等。

       4.使用CSS樣式表進(jìn)行文字的控制換行，中文和英文是不一樣的。

       1)word-break:break-all.只對(duì)英文起作用，以字母作為換行依據(jù)

       2)word-wrap:break-word. 只對(duì)英文起作用，以單詞作為換行依據(jù)

       3)white-space:pre-wrap.只對(duì)中文起作用，強(qiáng)制換行

       4)white-space:nowrap.強(qiáng)制不換行，都起作用

       5)white-space:nowrap；overflow:hidden；text-overflow:ellipsis；不換行，超出部分隱藏且以省略號(hào)形式出現(xiàn)。

       注意這里的屬性都需要為容器設(shè)置寬度，否則是無(wú)法生效的。且word-break為IE5專(zhuān)有屬性，同學(xué)們要記住了。

       最后想要學(xué)習(xí)web前端的同學(xué)，可以參考千鋒web前端培訓(xùn)班提供的web前端學(xué)習(xí)路線，該學(xué)習(xí)路線對(duì)從零基礎(chǔ)小白到web前端初級(jí)開(kāi)發(fā)工程師，web前端高級(jí)開(kāi)發(fā)工程師，后面的web前端大神級(jí)開(kāi)發(fā)工程師都有一個(gè)明確清晰的指導(dǎo)，根據(jù)千鋒web前端培訓(xùn)機(jī)構(gòu)提供的web前端學(xué)習(xí)路線圖可以讓你對(duì)學(xué)習(xí)web前端開(kāi)發(fā)需要掌握的知識(shí)有個(gè)清晰的了解，并快速入門(mén)web前端開(kāi)發(fā)。想要獲取前端完整學(xué)習(xí)路線和免費(fèi)的學(xué)習(xí)資料可以添加我們的web前端技術(shù)分享交流qq群：857920838  加群找群管理領(lǐng)取即可，等你來(lái)哦~~