解决SyntaxHighlighter 长代码无法换行的问题

body .syntaxhighlighter .line{

white-space
: pre-wrap
!important
;}
pre
,
code

{
display
:
block
;
overflow
:
auto
;
background
:
#f4f4f4
;
padding
:
5px

10px
;
border
:
1px

solid

#eee
;
word-wrap:break-word;
/* Internet Explorer 5.5+ */

white-space
: pre-wrap;
/* Firefox */
}
2、Jquery代码：

$(
function

() {

// Line wrap back

var

shLineWrap =
function

() {

$(
'.syntaxhighlighter'
).each(
function

() {

// Fetch

var

$sh = $(
this
),

$gutter = $sh.find(
'td.gutter'
),

$code = $sh.find(
'td.code'
)

;

// Cycle through lines

$gutter.children(
'.line'
).each(
function

(i) {

// Fetch

var

$gutterLine = $(
this
),

$codeLine = $code.find(
'.line:nth-child('

+ (i + 1) +
')'
)

;

//alert($gutterLine);

// Fetch height

var

height = $codeLine.height() || 0;

if

(!height) {

height =
'auto'
;

}

else

{

height = height +=
'px'
;

//alert(height);

}

// Copy height over

$gutterLine.attr(
'style'
,
'height: '

+ height +
' !important'
);
// fix by Edi, for JQuery 1.7+ under Firefox 15.0

console.debug($gutterLine.height(), height, $gutterLine.text(), $codeLine);

});

});

};

// Line wrap back when syntax highlighter has done it's stuff

var

shLineWrapWhenReady =
function

() {

if

($('.syntaxhighlighter').length === 0) {

setTimeout(shLineWrapWhenReady, 10);

}

else

{

shLineWrap();

}

};

// Fire

shLineWrapWhenReady();});