首页 > CSS, 网站制作 > 在PRE标签换行

在PRE标签换行

2007年8月27日
阅读评论 发表评论

默认情况下<PRE>的显示是不换行的, 不过几种浏览器都有自己的样式用于换行(CSS3中对这个有了明确的定义,具体可以参考http://www.w3.org/TR/css3-text/#white-space) , 跨浏览器的换行样式可以这样定义:

  1. /*Browser specific (not valid) styles to make preformatted text wrap*/       
  2. pre {
  3. white-space: pre-wrap;       /* css-3 */
  4. white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  5. white-space: -pre-wrap;      /* Opera 4-6 */
  6. white-space: -o-pre-wrap;    /* Opera 7 */
  7. word-wrap: break-word;       /* Internet Explorer 5.5+ */
  8. }

文章引用自：Tero Karvinen ( http://www.iki.fi/karvinen) 的文章”Making preformated text wrap in CSS3, Mozilla, Opera and IE”

CSS, 网站制作 , ,

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.