如何实现网页文本原格式显示:
有时候我们需要网页中的文本能够实现简单的原格式显示，比如空格和换行等等，但是浏览器在解析的时候并不能够实现我们的要求，下面即是一段结合
标签实现此功能的代码，希望大家可以做一下参考。<br />代码如下:</p> <p> </p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/ai/947">
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175680000018617.png" alt="沉浸式翻译">
</a>
<div class="aritcle_card_info">
<a href="/ai/947">沉浸式翻译</a>
<p>沉浸式翻译：全网口碑炸裂的双语对照网页翻译插件</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="沉浸式翻译">
<span>83</span>
</div>
</div>
<a href="/ai/947" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="沉浸式翻译">
</a>
</div>
<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怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
172
收藏
