2010年06月07日

SyntaxHighlighterで行の折り返し

余りにも放っておきすぎたので一つ。
SyntaxHighlighterで行の折り返しが上手くできていなかったのでちょいと弄る。折り返しがword wrapなので単語の区切りがない場合はどうも折り返されない様子。普通はそれで十分な気もするが、code golfとの相性が悪いので修正。

/* First line */
.syntaxhighlighter .line.alt1
{
	background-color: #fff !important;
	word-break: break-all !important;
}

/* Second line */
.syntaxhighlighter .line.alt2
{
	background-color: #F8F8F8 !important;
	word-break: break-all !important;
}
shThemeDefault.cssを修正。これだとテーマを変えたときに困るのからshCore.csを弄った方がいい気もするが、変えないのでいいやというやっつけ。word-wrapやらwhite-spaceやらと色々格闘したがうまくいかず、word-breakでどうにかする。Google ChromeとIE8ではうまくいくが、Firefoxではスルーされる。まあ仕方がない。

posted by s.s.s.r at 17:37| Comment(0) | TrackBack(0) | css | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック