這篇文章主要介紹“怎么使用white-space來(lái)阻止文字顯示自動(dòng)換行”，在日常操作中，相信很多人在怎么使用white-space來(lái)阻止文字顯示自動(dòng)換行問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”怎么使用white-space來(lái)阻止文字顯示自動(dòng)換行”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

徐匯網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)公司于2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)公司。

當(dāng)文字很長(zhǎng)的時(shí)，不管是IE還是firefox，到達(dá)邊界都會(huì)自動(dòng)換行。但是有的情況，我們并不希望這樣。比如：在網(wǎng)頁(yè)中的某個(gè)區(qū)域顯示一個(gè)使用ul li 標(biāo)簽的文章標(biāo)題列表。不想讓每行的文字自動(dòng)換行，那就可以用css屬性white-space來(lái)解決。
代碼如下：

CSS Code復(fù)制內(nèi)容到剪貼板

1.   

2.   

3.   

4.   

5.   

6.   

7. ul#myList { margin:0px; padding:0px; list-style:none; border:1px solid #c10; width:400px; whitewhite-space:nowrap; overflow:hidden; }   

8. div#container { width:400px; border:1px solid #ccc; padding:10px; }   

9.   

10.   

11.   

12.   

13.   

15. Admin10000.com是WEB開發(fā)者學(xué)習(xí)交流的平臺(tái)，這里提供大量實(shí)用的技術(shù)文檔及相關(guān)資源下載。
  
17. Admin10000.com是WEB開發(fā)者學(xué)習(xí)交流的平臺(tái)，這里提供大量實(shí)用的技術(shù)文檔及相關(guān)資源下載。
  
19. Admin10000.com是WEB開發(fā)者學(xué)習(xí)交流的平臺(tái)，這里提供大量實(shí)用的技術(shù)文檔及相關(guān)資源下載。
  

20.