CSSについて教えてください。


テキストメールで書いたメールマガジンのバックナンバーを、ブログなどで公開したいのですが、スペースの幅などのために、レイアウトが崩れてしまいます。  たまたま見たまぐまぐのバックナンバー公開ページ、例えば http://archive.mag2.com/0000002620/index.html は、かなりキチンと表示されますが、こうしたいときのスタイルシートはどう設定するのでしょうか? 上記ページのスタイルシートを解析せよ!は、無しということでおねがいします。

回答の条件
  • URL必須
  • 1人3回まで
  • 13歳以上
  • 登録:2010/10/15 21:08:31
  • 終了:2010/10/22 21:10:03

回答(2件)

id:Galapagos No.1

Galapagos回答回数963ベストアンサー獲得回数892010/10/15 22:59:57

ポイント35pt

preタグを使い、以下のように書いてあります。

<pre style="white-space: -moz-pre-wrap; word-wrap: break-word;">
メルマガの記事
</pre>
id:Silvanus No.2

Silvanus回答回数174ベストアンサー獲得回数672010/10/16 12:01:00

ポイント35pt

こんな感じで如何でしょうか。

<p style="font-family: MS Gothic,monospace;">
等幅フォント<br>
  1 1 1 1 1 1 1 1 1 1<br>
  1 2 3 4 5 6 7 8 9 0<br>
  11 22 33 44 55 66 77 88 99 00<br>
</p>
<p style="font-family: MS P Gothic;">
非等幅(プロポーショナル)フォント<br>
  1 1 1 1 1 1 1 1 1 1<br>
  1 2 3 4 5 6 7 8 9 0<br>
  11 22 33 44 55 66 77 88 99 00<br>
</p>

実行結果 http://rct3jp.info/hatena/toufuku.html

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません