如何实现网页文本原格式显示_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:30:31
원래의
1464명이 탐색했습니다.

如何实现网页文本原格式显示:
有时候我们需要网页中的文本能够实现简单的原格式显示,比如空格和换行等等,但是浏览器在解析的时候并不能够实现我们的要求,下面即是一段结合

标签实现此功能的代码,希望大家可以做一下参考。<br>代码如下:    <p> </p>    <p class="sycode">         <pre class="precsshui"><!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 class="brush:php;toolbar:false">    蚂蚁部落一    蚂蚁部落二    蚂蚁部落三     蚂蚁部落四 
로그인 후 복사

 

以上代码实现了我们的要求,这里主要是使用了

标签,可以参阅HTML的<pre class="brush:php;toolbar:false">标签一章节。    <p>原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12695</p>    <p>更多内容可以参阅:http://www.softwhy.com/divcss/</p>    <p> </p>      <p class="sycode"></p>   <p class="sycode"></p>   <p class="sycode">       </p><p class="sycode"></p>    <p class="sycode"></p>    <p class="sycode">        </p>    <p class="sycode"></p>    <p class="sycode"></p>      
로그인 후 복사
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿