【问题标题】:Setting maximum width of <PRE> tag in GeSHi of PHP在 PHP 的 GeSHi 中设置 <PRE> 标签的最大宽度
【发布时间】:2014-02-10 20:41:01
【问题描述】:

我正在使用 GeSHi 进行语法高亮。有没有办法设置 GeSHi 生成的 PRE 标签的宽度?

我的意思是我有一个宽度为 500 像素的 textarea,因此像往常一样,文本对于长行是自动换行的。当我将文本从 TextArea 发送到 GeSHi 时,它会生成一个 PRE 标记突出显示我的代码,但随后它会创建一个长行,而不是像 textarea 那样换行。像这样的

在下面的文本区域中,长行被自动换行

   ---------------------------------------------
   |  This world is big and we are living here |
   |  for a long long time.                    |
   |                                           |
   ---------------------------------------------

GeSHi 生成的 PRE 语法高亮代码输出了类似这样的内容

   ------------------------------------------------------------------
   |  This world is big and we are living here for a long long time.|
   |                                                                |
   |                                                                |
   ------------------------------------------------------------------

我想将此 PRE 标记宽度限制为 500 像素,并像 textarea 一样自动换行。有什么可能吗?

【问题讨论】:

标签: php html css syntax-highlighting geshi


【解决方案1】:

我没用过 GeSHi 但你可以用这个为你的 PRE 标签设置一些 CSS

 .wordwrap { 
     width: 500px;
     white-space: pre-wrap;      /* CSS3 */   
     white-space: -moz-pre-wrap; /* Firefox */    
     white-space: -pre-wrap;     /* Opera <7 */   
     white-space: -o-pre-wrap;   /* Opera 7 */    
     word-wrap: break-word;      /* IE */
  }

【讨论】:

    猜你喜欢
    • 2017-08-29
    • 1970-01-01
    • 1970-01-01
    • 2010-12-10
    • 1970-01-01
    • 2016-05-28
    • 2016-11-13
    • 2014-01-20
    • 1970-01-01
    相关资源
    最近更新 更多