`

解决pre标签自动换行的问题

阅读更多
给<pre>标签加上以下样式便可  
<style type="text/css">
 pre{   
   whitewhite-space:pre-wrap; /* css-3 */  
   whitewhite-space:-moz-pre-wrap; /* Mozilla, since 1999 */  
   whitewhite-space:-pre-wrap; /* Opera 4-6 */  
   whitewhite-space:-o-pre-wrap; /* Opera 7 */  
   word-wrap:break-word; /* Internet Explorer 5.5+ */  
 }  
</style>
分享到:
评论
1 楼 fyswords 2011-09-15  
whitewhite-space,多打了一个white吧

前四个都是white-space

相关推荐

    让pre标签自动换行示例代码

    pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符,下面为大家介绍下如何让pre标签自动换行,感兴趣的朋友可以参考下

    div+pre标签的组合实现文本原格式显示与自动换行

    对于未知的文本格式,如果要求文本单行过长时换行显示,并且保留原文本的空格和换行符,就可以通过div+pre标签的组合,再分别设定各自的样式来实现(pre标签一般不适用width属性) 复制代码代码如下: &lt;!DOCTYPE ...

    html pre标签使文本自动换行

    使用&lt;pre&gt;&lt;/pre&gt;标签,并设置其样式如下: 复制代码代码如下: pre{ white-space:pre-wrap;... 该CSS方案可让pre标签内的文本自动换行,我在我有的浏览器上都测试了一下,全部支持,IE6,IE7,IE8,Fi

    html pre标记里内容自动换行

    被包围在 pre 元素中的文本通常会保留空格和换行符,但不幸的是,当你在&lt;pre&gt;标签里面写代码的时候,如果你没有手动换行,它也会给你保留,而不会自动换行。 这时候,你可以使用overflow:auto; (当代码超出容器边界...

    如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    pre显示文本内容时是不会自动换行的,此时可以添加一些CSS来解决: &lt;pre&gt;ourjs this is very very very very very very very very very very very very very very very logn contents.&lt;/pre&gt; pre { word-wrap: ...

    ajax 返回值自动添加pre标签的解决方法

    ajax返回的内容,居然自动添加了pre标签,解决方法是修改一般处理程序的返回类型,遇到类似情况的可以参考下

    CSS 网页内容换行控制

    一、white-space 可以实现HTML中PRE标签的效果,以及单元格的noWrap效果。 复制代码代码如下:语法: white-space : normal | pre | nowrap 取值: normal: 默认值。默认处理方式。文本自动处理换行。假如抵达容器...

    github-pre-utility:Chrome扩展程序可轻松阅读github问题和要点,并带有长注释,而无需水平和垂直滚动

    您可以切换到自动工作(=无需按下键)自动换行并通过选项页折叠。 您可以更改字符长度以控制折叠内容的第一视图。 您可以更改键码以手动换行和折叠。 单击上的任何键以确认键码。 演示版 在安装之前,请先在尝试...

    GitHub Pre Utility-crx插件

    选项-您可以切换为自动工作(=不按下键)使用选项页面自动换行和折叠。 -您可以更改字符长度以控制折叠内容的第一视图。 -您可以更改键码以手动换行和折叠。 -单击...

    IE6,IE7下实现white-space:pre-wrap

    ... 然而在有些时候,我们希望 HTML 源码中的多个连续空格在网页浏览器中可以真实地呈现,...于是我们经常会把一段表示计算机代码的文本放进 &lt;pre&gt; 标签中,它们在浏览器中会表现出自身的空格缩进和换行效果,而不需要我

    CSS 教程之内容设置的一些语法

     可以实现HTML中PRE标签的效果,以及单元格的noWrap效果。  语法: white-space : normal | pre | nowrap  取值: normal: 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 pre:...

    富文本编辑器wysihtml5.zip

    自动对URL加链接 生成符合 HTML5 规范的标签 使用 CSS 类名替换 inline 样式 跨浏览器的统一换行处理 使用沙箱 iframes 用于阻止 XSS Speech-input for Chrome 无需 jQuery 支持 支持主流浏览器...

    HTML/CSS中的空格处理及如何保留页面中的空格

    备注:浏览器的这种机制处理,同样适用于除了普通的空格键,还包括制表符(\t)和换行符(\r和\n),可以通过使用标签显式表示换行。 HTML空格保留 这时候如果希望HTML中多个连续的空格在网页上能显示,在浏览器中...

    级联样式文件共通样式整理

    *&lt;blockquote&gt;:块应用,会自动增加换行以及外边距。 *对以下元素去除预定样式的外边距和内边距 */  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form,  ...

    从入门到精通HTML5——PDF——网盘链接

     3.3.4 保留原始排版方式标记——pre 53  3.3.5 居中对齐标记——center 54  3.3.6 向右缩进标记——blockquote 55  3.4 水平线标记 56  3.4.1 添加水平线——hr 56  3.4.2 设置水平线的宽度与高度  ——...

Global site tag (gtag.js) - Google Analytics