CSS让PRE标签强制换行

陈学虎 2016 年 08 月 18 日21:08:09 464字阅读1分32秒
摘要

最近在做媒体格式库,由于采用了系统自动导出文件格式,然后录入数据库,为了控制样式显示,就使用了PRE标签,然而,有些格式尼玛太奇怪了,好长好长好长,这样就把页面给撑的太难看了,因此需要使用CSS样式强制让它换行

最近在做媒体格式库,由于采用了系统自动导出文件格式,然后录入数据库,为了控制样式显示,就使用了PRE标签,然而,有些格式尼玛太奇怪了,好长好长好长,这样就把页面给撑的太难看了,因此需要使用CSS样式强制让它换行,因此就有了:

  1. /* Browser specific (not valid) styles to make preformatted text wrap */
  2. pre {
  3.        white-spacepre-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. }

使用前:

CSS让PRE标签强制换行

 

使用后:

CSS让PRE标签强制换行

 

完美~

 

 

 

 

  • 免费优惠券
  • 免费领取优惠券
  • weinxin
  • 品质与测试
  • 关注品质与测试
  • weinxin
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:CSS让PRE标签强制换行 | https://chenxuehu.com/article/2016/08/5543.html