人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

●質問者: SlowLife
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS たまたま スタイルシート テキスト バックナンバー
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Galapagos
●35ポイント

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

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

2 ● Silvanus
●35ポイント

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

<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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ