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


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

回答の条件
  • URL必須
  • 1人3回まで
  • 登録:
  • 終了:2010/10/22 21:10:03
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:Galapagos No.1

回答回数963ベストアンサー獲得回数89

ポイント35pt

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

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

回答回数180ベストアンサー獲得回数71

ポイント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

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

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

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

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

回答リクエストを送信したユーザーはいません