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 | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。