首頁 > 開發者 > JavaScript
如何?網頁文本原格式顯示，實現網頁文本
如何?網頁文本原格式顯示:
有時候我們需要網頁中的文本能夠實現簡單的原格式顯示，比如空格和換行等等，但是瀏覽器在解析的時候並不能夠實現我們的要求，下面即是一段結合<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/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
