小編給大家分享一下css如何實現(xiàn)英文不換行，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)公司10多年企業(yè)網站制作服務;為您提供網站建設,網站制作,網頁設計及高端網站定制服務,企業(yè)網站制作及推廣,對柴油發(fā)電機等多個領域擁有多年設計經驗的網站建設公司。

css實現(xiàn)英文不換行的方法：首先創(chuàng)建一個HTML示例文件；然后在body中定義一些英文內容；最后通過添加“white-space:nowrap;”屬性實現(xiàn)英文不換行效果。

CSS強制英文、中文換行與不換行

設計制作HTML時會遇到CSS強制英文、中文換行與不換行的問題，可以通過本文了解一下相關知識。

結構：

1.Transshipment Booking System is launched只對英文起作用，以字母作為換行依據

2.Transshipment Booking System is launched只對英文起作用，以單詞作為換行依據

3.Transshipment Booking System is launched只對中文起作用，強制換行

4.Transshipment Booking System is launched強制不換行，都起作用

5.不換行，超出部分隱藏且以省略號形式出現(xiàn)

5.不換行，超出部分隱藏且以省略號形式出現(xiàn)Transshipment Booking System is launched

代碼：

.p1{ word-break:break-all; width:150px;}/*只對英文起作用，以字母作為換行依據*/

.p2{ word-wrap:break-word; width:150px;}/*--只對英文起作用，以單詞作為換行依據*/

.p3{white-space:pre-wrap; width:150px;}/*只對中文起作用，強制換行*/

.p4{white-space:nowrap; width:10px;}/*強制不換行，都起作用*/

.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}／/*不換行，超出部分隱藏且以省略號形式出現(xiàn)*/

1. word-break:break-all;只對英文起作用，以字母作為換行依據

2. word-wrap:break-word; 只對英文起作用，以單詞作為換行依據

3.{white-space:pre-wrap; 只對中文起作用，強制換行

4.{white-space:nowrap; 強制不換行，都起作用

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

注意，一定要指定容器的寬度，不然的話是沒有用的。

注意word-break 是IE5+專有屬性

語法：

word-break : normal | break-all | keep-all

參數(shù)：

normal : 　依照亞洲語言和非亞洲語言的文本規(guī)則，允許在字內換行

break-all : 　該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本

keep-all : 　與所有非亞洲語言的normal相同。對于中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本

說明：

設置或檢索對象內文本的字內換行行為。尤其在出現(xiàn)多種語言時。

對于中文，應該使用break-all 。

以上是“css如何實現(xiàn)英文不換行”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網站標題：css如何實現(xiàn)英文不換行
標題來源：http://www.chinadenli.net/article10/peecgo.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、電子商務、用戶體驗、手機網站建設、軟件開發(fā)、網站收錄

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)