プログラミングコードの貼り付け

今日から Blogger の仕様変わりました？何故か pre で囲んでいたプログラミングコードが余計に改行されるようになったんで次の対策をとりました。

元々以下のような CSS を [レイアウト] - [HTML の編集] から仕込んで置いたのですが、

pre.code {
  background: #eee;
  border: 1px solid #ddd;
  width: 95%;
  padding: 5px;
  font-size: 85%;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: auto;     /* fix for long non-text content breaking IE sidebar float */
}

この CSS を追加することで pre.code 中の br を無効にできました。良かった良かった。

pre.code br {
  display: none;
}

参考にさせていただいたのは次の 2サイトです。
<br>の連打をuser CSSで無効にする。 - まﾟﾟ
pre 要素のスタイル定義とマークアップ

2008年6月30日 続きの記事へ