首页 > 其他 > 详细

<pre>标签的基本样式设置

时间:2017-09-03 14:06:40      阅读:1704      评论:0      收藏:0      [点我收藏+]

断行

在html中,换行符无法在一般标签内作为布局控制显示,包括xml实体 &#10; 和 &#13; 均表现为white-space,仅用于断字【1】

一般情形下,可使用<br>标签断行;但需要从原始xml文本读取内容时,处理实体转义要麻烦一些,此时可使用<pre>标签。

<pre>标签意为 preserve,保留内部文本的换行和空格【2】

样式

若在项目中使用了样式框架,则预定义样式可能不能满足<pre>标签的特殊需求。

此时可清除继承样式后,自行设置必要的样式,例如:

.pre_style{
  all:initial;             /*清除继承样式*/
  display:block;           /*设置布局流,避免换行导致的错误布局*/
  white-space:pre-line;    /*保留换行符,设置溢出换行*/
  font-size:12px;          /*设置字号*/
}

 


1】https://stackoverflow.com/questions/3488198/why-is-br-an-html-element-rather-than-an-html-entity?noredirect=1 

2】http://www.w3school.com.cn/tags/tag_pre.asp

<pre>标签的基本样式设置

原文:http://www.cnblogs.com/heroius/p/7469340.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!