聊一聊HTML &pre&标签-爱编程
聊一聊HTML &pre&标签
我们经常会在要保持文本格式的时候使用pre标签，比如当我们要展示源代码的时候，只要放一个pre标签，然后把源代码直接复制，粘贴，然后在页面上就可以保持好格式。不会像放在其它标签里那样，把换行和空格都自动折叠了。那么有谁知道pre是如何工作的呢？ pre标签 HTML里的pre元素，可定义预格式化的文本。在pre元素中的文本会保留空格和换行符。文本显现为。下面我们看一个示例，这里我使用的是一段css代码，你也可以换成其它的。如下：body{
background:#
font: 12px/24px 1.66;
当我们用pre包裹它们时&pre&body{
background:#
font: 12px/24px 1.66;
会在浏览器上直接得到可以看出上面的tab，空格，换行都完整的保留下来了。我们可以把这段css代码放到其它元素下，如得到下面的图。很完美，以后就可以用pre来标识代码了。哪里想用放哪里，但这里还有一些可以优化。
pre元素并不能代码放入，里面的内容是什么，可以是歌词，可以是代码，可以是其它文本。当pre元素来展示源代码的时候最好的方式是用code元素来包裹代码，这样既可以保持格式又可以代表语义，一举数得。如上面的代码可以改写为：&pre&
&code&body{
background:#
font: 12px/24px 1.66;
嵌套html其它标签
pre中最好不要包含可以导致段落断开的标签（如:p,标题），虽然主流浏览器对此解析没有问题，但最好不要这样使用。存在着语义不明的情况，比如无法判断是想显示结构的不同展示，还是想把标签作为代码的一部分显示，最好对这里只包含代码文本，对于标签进行转义如'&'对应'&'。pre元素中允许的文本可以包括，还有链接、图像和水平分隔线。当把其它标签放到pre块中时，会被直接渲染为正常元素。示例如下：&pre&[ti:凡人歌]
[ar:李宗盛]
[al:凡人歌]
[00:00](music)
[00:28]你我皆凡人，生在人世间；
[00:35]终日奔波苦，一刻不得闲；
[00:43]既然不是仙，难免有杂念；
[00:50]&a href="#"&道义放两旁&/a&，利字摆中间。&/pre&
显示出来样式如下：
文本过长时，溢出
如果我们在pre里放置的文本过长，中间也没有换行，由于pre会保持文本的格式，导致文本溢出。演示如下：&div style="width:500 background: padding:20"&
&pre&[ti:凡人歌][ar:李宗盛][al:凡人歌][00:00](music)[00:28]你我皆凡人，生在人世间；[00:35]终日奔波苦，一刻不得闲；[00:43]既然不是仙，难免有杂念；[00:50]&a href="#"&道义放两旁&/a&，利字摆中间。&/pre&
浏览器中的表现解决方法1：给pre标签定义横向滚动条pre{
解决方法2：使用text-wrapping直接定义pre标签里的css属性white-space的值为pre-wrap。pre{
white-space:pre-
渲染html元素
上面已经提到过，html元素会在pre标签中直接被解析。如果我们想显示这些标签，只要把这些特殊符号转换为，就可以了。如： "&" 代表 "&"，"&" 代表 "&"。&pre&&code&&ul class=&main-list&&
&li&&a href=&#&&藏新线才是最西藏的进、出线&/a&&/li&
&li&&a href=&#&&藏新线才是最西藏的进、出线&/a&&/li&
&li&&a href=&#&&藏新线才是最西藏的进、出线&/a&&/li&
&/ul&&/code&&/pre&
也可以使用一些线上的工具去完成这个转义的过程，这里可以百度一下，随便找了一个截了个图
意外的空格
有时候我们把代码直接复制到页面时，编辑器会给我们自动缩进对齐，这里其实是很好的，但这里遇到pre标签就有麻烦了，比如:&div&
&pre&&code&&ul class=&main-list&&
&li&&a href=&#&&藏新线才是最西藏的进、出线&/a&&/li&
&li&&a href=&#&&藏新线才是最西藏的进、出线&/a&&/li&
&li&&a href=&#&&藏新线才是最西藏的进、出线&/a&&/li&
&/ul&&/code&&/pre&
结果效果如下：
建议使用下面的形式来对代码进行排版。&div&
&pre&&code&第一行
//中间代码进行格式化
最后一行&/code&&/pre&
定义一下tab的大小pre{
tab-size:2;
但这个IE浏览器支持情况不太好。视情况来选择吧。
使用等宽字体
可以方便排版，看起来比较舒服。
使用语法高亮
这个要借助一些库来完成，比如highlight.js，具体怎么使用，大家百度吧。
上面的这些只是一些小的总结，如果有什么其它方式的应用，或这里没提到的黑科技，大家可以在评论里提出来，一起讨论。
版权所有 爱编程 (C) Copyright 2012. . All Rights Reserved.
闽ICP备号-3
微信扫一扫关注爱编程，每天为您推送一篇经典技术文章。百度拇指医生
&&&普通咨询
您的网络环境存在异常，
请输入验证码
验证码输入错误，请重新输入*健康问题描述（发病时间、主要症状、症状变化等）
提问的越详细，医生回答的越清楚哦
请输入问题描述,10-500个汉字。10/500
曾经治疗情况和效果：有无
描述治疗情况（如没有点击无）并想得到怎样的帮助
请输入问题描述,0-500个汉字。0/500
*性别：男女请选择性别
*年龄：请正确填写：如：22 或22岁
上传影像图片
每张图不超过 2 MB，格式：支持 gif , jpeg ,jpg
手机号码：
√保密，免费获得医生回复短信格式错误
有脑梗史近日牙痛引起半边脸痛头痛问是否与脑梗有关
有脑梗史近日牙痛引起半边脸痛头痛问是否与...
病情描述（发病时间、主要症状、症状变化等）：有脑梗史近日牙痛引起半边脸痛头痛问是否与脑梗有关曾经治疗情况和效果：目前以治牙为主想得到怎样的帮助：问是否与脑梗有关
共1条医生回复
因不能面诊，医生的建议仅供参考
职称：护士
专长：口腔粘膜弥漫充血,口腔粘膜色素沉着,口香,口腔炎喷...
&&已帮助用户：14953
问题分析： 您好，您的头痛是血管神经性头痛，与脑梗死关系不大，头痛时间长了影响工作、生活，建议积极药物治疗。意见建议：1、头痛剧烈时口服布洛芬缓释胶囊、脑清片止痛。这些药物不建议长期应用。2、口服尼莫地平、西比灵缓解动脉痉挛、改善脑供血治疗。
问头痛有脑梗史近日牙痛引起半边脸痛头痛问是否脑梗加重
职称：护士
专长：骨关节炎,胃神经纤维瘤,第Ⅰ型脊髓血管畸形,鼻骨骨折,斜颈
&&已帮助用户：16298
病情分析： 你好，根据你说的症状来看，考虑是牙痛引起的脸痛，应该及时去口腔科检查看看，必要时排除一下三叉神经痛的可能意见建议：你应该及时去医院口腔科检查明确牙齿的问题，以便及时处理牙痛，如果牙痛解决，脸不在疼痛，那么就是牙痛造成的，当然必要时最好排除三叉神经痛的可能。应该跟脑梗塞关系不大
问头痛有脑梗史近日牙痛引起半边脸痛头痛用手摸头皮或梳...
职称：护士
专长：针灸,艾灸,推拿,刮痧,穴位,按摩
&&已帮助用户：10596
病情分析： 你好，考虑有点上火，黄连上清片去火很管用的。当然最重要的是多多喝水，还有水果。意见建议：生活中要注意劳逸结合，饮食上要注意多吃含维生素的蔬菜水果，多喝水少喝酸甜饮料，少吃辛辣煎炸食品，少抽烟喝酒
问脑梗和左半边头疼有关吗？和眼睛看不清楚...
职称：医生会员
专长：高血压 心血管疾病
&&已帮助用户：31288
病情分析： 这位朋友您好，根据你的描述，您属于脑梗塞,主要是动脉阻塞后出现相应部位脑组织的破坏，可伴发出血。脑梗和左半边头疼有关意见建议：建议尽快去医院对症治疗，以免延误病情。注意休息。不必过于担心，保持乐观的心态有助于疾病的恢复。祝早日康复
问脑梗塞头晕，半边头痛
职称：主治医师
专长：内科、尤其擅长高血压、脑出血
&&已帮助用户：6316
问题分析：您好，脑梗死多继发于于高血压、糖尿病、动脉硬化等，多见于中老年人，一般表现为半身不遂、言语欠利、头晕头痛等。意见建议：建议患者首先控制好基础病，如血压、血糖、血脂等，然后适当锻炼，低盐低脂饮食，如无消化系统疾病，可以小剂量服用阿司匹林等药物以预防心脑血管疾病。
问头疼头晕无力，好像是脑梗吧
职称：医师
专长：高血压、冠心病、心肌病等心血管疾病的治疗
&&已帮助用户：0
您好，您的头晕、头痛等症状是脑动脉硬化、脑供血不足所致，建议积极药物治疗，防止脑血管事件。1、建议口服尼莫地平、西比灵扩张脑血管、改善脑供血治疗2、建议口服他汀类药物调节血脂、稳定斑块治疗。
问患者前几天牙疼，今早出现半边身体麻木
职称：医生会员
专长：高血压、糖尿病、心血管疾病
&&已帮助用户：70909
病情分析： 牙痛多见于急性牙髓炎、急性根尖周围炎、急性牙周炎、牙周脓肿、牙体过敏症、食物嵌塞、干槽症，意见建议：因此需要先明确诊断再具体治疗，没检查前一般可吃些芬必得、甲硝唑等来缓解疼痛。
关注此问题的人还看了
大家都在搜：
医生在线 - 免费健康咨询
随着亚健康人群的增加，各种莫名的病症都找上了门，严重时
“日出而作，日落而息”，随着社会的进展，这种良性的作息
现代社会发展节奏快,生存压力大,人的心理压力也很大,但很多
免费向百万名医生提问
填写症状 描述信息，如：小孩头不发烧，手脚冰凉，是怎么回事？
无需注册，10分钟内回答
百度联盟推广
搜狗联盟推广
评价成功！不要让鼻炎夺走你孩子和家人的生命，老中医偏方今天可以帮你摆脱病痛
不要让鼻炎夺走你孩子和家人的生命，老中医偏方今天可以帮你摆脱病痛
香港演员“大傻”成奎安2009年因鼻咽癌离世 还有很多人像他这样都因为得不到及时的治疗而失去生命...精彩内容& & & 真传一句话，假传万卷书。我是来自沂蒙山区的一位干了40年的中医，从太爷爷那辈开始我家就几辈从医，抛去所谓的“祖传”秘方咱不谈，单就本人的在农村40年的临床治病经验而言，今年过年（2016年）的时候做出一个对于我来说可以说是一个重大决定，受我孙女的影响，我决定公布我的秘方。整理了两个礼拜，这些经过本人长期验证的特效药方贡献给大家，今天主要给大家说的是讲鼻炎的。感谢湖南郴州的用户丽丽提供的照片，初见丽丽时鼻毒导致鼻子偏大 & & & 每个人的鼻炎，都是有原因的，家族遗传只占了10%左右的因素，剩下的80%都是后天造成，无论是先天还是后天，只要不是癌症（因为生病在服用一些药物引起的癌症），都是可以治好的，当然，要讲究方法。&&&&&&&任何一种鼻炎的产生，都是因为呼吸道于嗅觉器官出现感染，循环不畅，中医成为“淤”，呼入的杂物淤积在一起，鼻子就开始发炎，需要从根源上进行调理。&&&&&&&我今天要公开的这个方子，是从唐朝那会，老祖宗一代一代传下来的，这个方子当时是给宫廷里的皇子们配的，治疗非常有效，对年龄大、因为长期的鼻炎加重哮喘，高血压和心脑血管等疾病的很管用。这个配方是以清为主，中医说的“清”不是指清洗，是清毒，通鼻腔，行经通络，协调五行，中医以治根为主。有的人当时用就能见效，有的人一周就可以控制住病情的恶化，有的人一个月就已经康复了。，提供图片的丽丽3个半月就治愈了多年的老鼻炎，只要用我的这个方子，方法对，药材对，那就一定能治好。用龚氏鼻炎膏一个月，鼻毒排除，嗅觉正常。准备进入婚姻殿堂的丽丽这个配方很简单，味道也比较好闻，只需要九味药材，名字比较好记，当时都是在宫里给皇子们用的秘方，我叫它龚氏鼻炎膏，这个方子不单讲究材料配比，还是结合了人体五行进行的配伍。配方：金银花3g&辛夷10g路路通3g&野菊花5g&丹参&7g&白鲜皮3g白芷4g鹅不食草3g冰片5g使用方法：每副药材兑水400ml，煮沸后文火再熬5分钟，熬制成膏3个半月后的丽丽，彻底康复，没有复发。并完成了自己多年的愿望--多年积蓄开了家花店中医讲究的是经验和悟性，别小看我这个方子只有九味药，这是祖辈传下来的，农村里面一些经济条件比较差孤寡老人常来我这里要方子，老人原来身体还可以，就是因为长期患有鼻炎，而且时间久，长期用咱们这个方子控制鼻炎，以防止导致高血压，心脏病的突发。用的最多的都是些未成年的小孩而且都是正在读书的学生，用这个方子好的比普通人要快，有的人一个月左右就把遗传几十年老鼻炎控制住了。还有些管不住嘴，抽烟的人，用我的这个方子，只要稍微适当的控制下吸烟，一个月就可以控制住病情的加重。那些经常鼻痒，鼻塞，流鼻涕，打喷嚏的人，用这个方子20天左右，彻底康复没一点问题。我孙女是南京中医药大学毕业的，那些大学生也都是鼻炎患者，她的同学们也都用我配的龚氏鼻炎膏。（孙女的微信号：gtbyg5【长按可复制】，大家也可以和她交流龚氏鼻炎膏的配方）。配方详细说明： & & & 神农架金银花：金银花自古被誉为清热解毒的良药。它性甘寒气芬香，日寒清热而不伤胃。芬香透彻又可祛邪。既能宣散风热，还能清解血毒用于各种热性病，均效果显著。南诏辛夷：这味药材是国内外紧缺的中药材。它主要散风寒，通鼻窍，用于鼻塞，鼻渊鼻涕浊涕有奇特效果。 & & & 武夷山路路通：生长在武夷山以北，药材形状独特，除湿，祛风通络。搭配辛夷对治疗鼻炎的效果奇佳南麓野菊花：清热，誉为‘光谱抗生素“外形与菊花相似，野生于山坡草地，野菊花含有广泛用于治疗咽喉肿痛，风头赤眼，头晕目眩。 & & & 长白山白鲜皮：具有清热燥湿，祛风解毒之功效。《药论性》；”治一切热毒风，“现代研究，该药性在体外有抗癌作用，但要慎用。 & & & 陇西丹参：主要功能是活血，补血。活血调经，祛瘀止痛，凉血消痛，清心除烦，养血安神。平时切片泡水喝也可以排毒，对皮肤也有很好的美白作用。白芷：以根入药，有祛病除湿、排脓生肌、活血止痛等功能。主治风寒感冒、头痛、鼻炎、牙痛。赤白带下、痛疖肿毒等症，亦可作香料。鹅不食草：用于风寒头痛，咳嗽痰多，鼻塞不通，鼻渊流涕。冰片：通诸窍，散郁火，去翳明目，消肿止痛，清热散毒，散火解毒。治乳腺结块，中风口噤，热病神昏，惊痫痰迷，气闭耳聋，喉痹，口疮，中耳炎，痈肿，痔疮，目亦翳膜，蛲虫病。前些年有些父母带着孩子们从老远的地方坐飞机坐火车来我这里，为的就是这个方子，我都建议她们不用花这么高交通费，药材没多少钱，来回跑的钱是药材的几十倍。&孙女得我真传，很小就会抓药、试药、配药长按二维码即可联系有些外地的顾客就反应，担心去药店里买不到正宗的药材，一些上班的人也没有时间坚持每天都熬制，让鼻炎的效果大打折扣。我孙女刚从南京中医药大学毕业，她就想出了更加先进科学的办法，把这个汤材配好以后，熬制成膏，放在环保的透明的盒子里面，把膏体搭配上棉签就可以直接使用了，一次十多分钟，就会有鼻毒排除，每天用次，大伙反应这个方法用起来方便，效果还非常好。孙女的这个方法，让全国各地更多想治疗鼻炎的人受益。（孙女的微信号：gtbyg5【长按可复制】，她会耐心的解答大家提出的疑问）。现在龚氏鼻炎膏的秘方也被国家食品药品监督管理局所认可，用确切的疗效，造福后世，让反复发作的老鼻炎的治疗，变得省时，省事，又省心。众多受益者口碑相传到；老鼻炎治不好，就用龚氏鼻炎膏孙女还开通了微信，大家可以加她的微信号：gtbyg5【长按可复制】，可以向她询问如何控制和治疗鼻炎等问题，在全国各地开设多家鼻炎馆，将我这40多年来积累的偏方，能传播出去。如果是零成本想创业的年轻人，也可以和我孙女交流下心得。她研究出来的一套模式，已经让身边的几个同学都走上了创业之路，并且成绩还非常好，有个济南的同学半年时间就赚了几十万。如果你也对中医和健康养生感兴趣，可以加我孙女的微信号：【gtbyg5】，她一定能帮到你。龚氏鼻炎膏的注意事项：1、初次使用会有微弱热感，这是因为药物正在渗透炎症部位，继续使用，热感逐渐消失2、用药1至2分钟后，鼻腔内有大量的粘液或脓性分泌物流出，这是鼻腔内的毒素垃圾。3、使用3到5天出现打喷嚏的现象是清肺毒，理肺气的过程，属良好的反应。4、中药讲究循序渐进，彻底痊愈需要注意卫生，饮食。阅读 100000+&8256精彩评论写留言?&风一样的女子&18朋友介绍过来的，听说效果很好。&作者回复试试吧，产品管不管用，自己用用就知道了。&青春无悔&29看到都是纯中药的，就默默的已经加上，把朋友圈翻了一遍的举手&不见不散&368龚老师是丽丽的贵人呀，贵人，也救救我吧！！|&作者回复& 加龚老师孙女微信，相信对你会有很大帮助的。&宝宝被吓到&165感谢楼主分享，鼻炎这事困扰好多年了，先去了解一下，闪人了~~&&情深意浓&298是不是这么管用啊，我这个鼻炎问题已经几年都没有让鼻子舒服过了，真的好苦恼啊！！|&作者回复& 到底好不好谁用谁知道&&爱拼才会赢&18看到方子都是中药材，果断加了。我以前用西药，刺激太大了，宝宝都受不了。&我是火&98如果管用，楼主我给你发红包，如果不管用你给我发个红包！|&作者回复& 我想说其实我红包已经接到手软了！&团结就是力量54我中医博大精深，读完还是挺有收获的，我去也~|&作者回复& 棒棒哒~&我是花花&206以前试过好多方法了，都不管用，楼主你先发个誓，好纠结，算了先加上试试吧&|&作者回复& 誓！别灰心了， 国粹你不信那该信谁，这么多人用你还纠结啥&万人迷&188鼻炎是不是都反反复复的,好苦恼呀!&铁哥们&56为啥我加上还没通过。。。。|&作者回复可能太忙了吧，再等等，看到了会通过的。&男人哭吧不是罪&72想知道是怎么好起来的，用了产品吗？&归来吧&435愿意用所有的才华换一个正常的鼻子，不知我还能否得到拯救？
发表评论：
TA的最新馆藏}