CSS让PRE标签强制换行

  • A+
所属分类:前端技术
摘要

最近在做媒体格式库,由于采用了系统自动导出文件格式,然后录入数据库,为了控制样式显示,就使用了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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

关闭震动