CSS让PRE标签强制换行

  • 2016年8月18日
  • 653
  • 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: