扩展阅读
  • java命名空间javax.swing.text.html类html.tag的类成员方法: dt定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: font定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.tag的类成员方法: input定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类html.tag的类成员方法: menu定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html.tag的类成员方法: meta定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html类html.tag的类成员方法: samp定义及介绍
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • java命名空间javax.swing.text.html类html.tag的类成员方法: select定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.tag的类成员方法: tt定义及介绍
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: bgcolor定义及介绍
  • 在html运行的applet中需要访问oracle,在jb里可以连接,但直接点击html时就出现找不到类“sun.jdbc.odbd.JdbcOdbcDriver"?
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: alink定义及介绍
  • 把 CDATA 中的内容(有可能是不规范的Html代码)以Html方式展现出来。
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: width定义及介绍
  • C#中Html.RenderPartial与Html.RenderAction的区别分析
  •  
    当前位置:  Web服务器/前端>html/css

    html<pre>标签自动换行实现方法

     
        发布时间:2013-11-3  


        本文导语:  <pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用来表示计算机的源代码。可以导致段落断开的标签(例如标题...

      <pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格换行符。而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用来表示计算机源代码。可以导致段落断开的标签(例如标题、<p> 和 <address> 标签)绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接图像和水平分隔线。当把其他标签(比如 <a> 标签)放到 <pre> 块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。

      使用<pre>注意以下三点:

       1)制表符(tab)在 <pre> 标签定义的块当中可以起到应有的作用,每个制表符占据 8 个字符的位置。但是我们不推荐使用它,因为在不同的浏览器中,Tab 的实现各不相同。在用 <pre> 标签格式化的文档段中使用空格,可以确保文本正确的水平位置。

       2)如果您希望使用 <pre> 标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,比如 "&lt;" 代表 "<","&gt;" 代表">","&amp;" 代表 "&"。

       3)在 W3School 中,非常多页面中的源代码实例都是通过 <pre> 标签定义的,您可以参考这些页面,学习如何使用该标签。我们甚至把 <pre> 标签与<code> 标签结合起来使用,以获得更加精确的语义。

      那么如何让html<pre>标签自动换行呢?在css加入以下代码:

    pre
    {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    }

      该CSS方案可让pre标签内的文本自动换行,经过测试支持以下浏览器:IE6IE7, IE8, Firefox, Opera, SafariChrome


    • 本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:html<pre>标签自动换行实现方法
    相关文章推荐:
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • .net后台获取html控件值的2种方法
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 如何 点击JAVA应用程序菜单里一选项,就打开一个HTML文件!有哪几种方法?
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • jquery append()方法与html()方法的区别及使用介绍
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • JQuery判断HTML元素是否存在的两种解决方法
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • 请问在servlet中用out.println输出的html可不可以用javascript写方法,如果可以,怎么用
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • asp.net动态添加非标准html控件的方法
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • jsp中使用jstl导入html乱码问题解决方法
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • amp iis7站长之家
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • jquery获取html元素的绝对位置和相对位置的方法
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • jQuery 获取、设置HTML或TEXT内容的两种方法
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • php过滤html中的其他网站链接的方法(域名白名单功能)


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3