如何實現網頁文本原格式顯示:有時候我們需要網頁中的文本能夠實現簡單的原格式顯示，比如空格和換行等等，但是瀏覽器在解析的時候並不能夠實現我們的要求，下麵即是一段結合標簽實現此功能的代碼，希望大家可以做一下參考。代碼如下:螞蟻部落 螞蟻部落一 螞蟻部落二 螞蟻部落三 螞蟻部...
如何實現網頁文本原格式顯示:
有時候我們需要網頁中的文本能夠實現簡單的原格式顯示，比如空格和換行等等，但是瀏覽器在解析的時候並不能夠實現我們的要求，下麵即是一段結合<pre>標簽實現此功能的代碼，希望大家可以做一下參考。
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{ width:150px; white-space:normal; } pre{ white-space:pre-wrap;/*css-3*/ white-space:-moz-pre-wrap;/*Mozilla,since1999*/ white-space:-pre-wrap;/*Opera4-6*/ white-space:-o-pre-wrap;/*Opera7*/ word-wrap:break-word;/*InternetExplorer5.5+*/ } </style> <body> <div> <pre> 螞蟻部落一 螞蟻部落二 螞蟻部落三 螞蟻部落四 </pre> </div> </body> </html>
以上代碼實現了我們的要求，這裡主要是使用了<pre>標簽，可以參閱HTML的<pre>標簽一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12695
更多內容可以參閱:http://www.softwhy.com/divcss/
