アスキーアート 補正

質問

ＡＡ（アスキーアート）をずれないように表示するためのHTML（タグ）はありますか？
よろしくお願いします。

回答No.5

MAN_MA_RUI · ベストアンサー

あぁ、そうか。<br>を忘れてましたね…^^;
ただ、行数が多い場合は改行部を<br>付き改行に自動変換するとか<pre>を使うとかしないと確かに面倒ですね。

<div style="font-family:'ＭＳ Ｐゴシック';">
　　　 ∧＿∧<br>
　　　 (　・ω・)＝つ≡つ<br>
　　　 (っ　≡つ＝つ<br>
　　　 /　　　)　 ババババ<br>
　　　( /￣∪<br>
</div>

お礼

ご回答ありがとうございます。
具体的なタグやＡＡまで用いてご回答して頂き、大変参考になりました。

回答No.4

noname#65286

【アスキーアート】
厳密な意味では、アスキーアートとは、アスキーコードの0x20～0x7eもしくは、他の文字コードからそれにマッピングされる文字のみを使ったもののみを言い、それ以外の文字（たとえば日本語や中国語の文字コードの2バイト文字）を含むものは単にテキストアートと言うが、日本ではあまり区別されない。
=== 以上 フリー百科事典『ウィキペディア（Wikipedia）より ===

<DIV>タグを使った場合、１行ごとに<BR>を入力しないと全体が１行に表示されます。

ＭＳ Ｐゴシックなどのプロポーショナルフォントでは文字ごとに幅が変わるので崩れる原因となります。
また、HTML文法では半角スペースが連続された場合、<PRE>タグ、<TT>タグ以外では1個として認識されます。

お礼

ご回答ありがとうございます。
アスキーアートの意味は正確に分かっていませんでした。勉強になりました。

回答No.3

MAN_MA_RUI

AA表示用のタグと言うものはありませんが大抵のAAはフォントをＭＳ Ｐゴシック12ポイントにすると正常表示できます。あ、でも等幅フォント用のAAは逆にＭＳゴシックにしないと崩れますね。

<div style="font-family:'ＭＳ Ｐゴシック';">
　　　 ∧＿∧
　　　 (　・ω・)＝つ≡つ
　　　 (っ　≡つ＝つ
　　　 /　　　)　 ババババ
　　　( /￣∪
</div>

ついでに言うとIPAMonaGothicやARISAKA-AAでも一応行けます。

回答No.2

noocyte

<PRE> の中で全角半角混在した AA が微妙にずれて困っていたとき，
文字コードを UTF-8 から Shift_JIS に変更すると直ったことがあります．
(FireFox および IE6，２ヶ月ほど前に偶然発見．)

お礼

ご回答ありがとうございます。
＞文字コードを UTF-8 から Shift_JIS に変更すると直ったことがあります．
実際にやってみました。改善できました。

回答No.1

noname#65286

<PRE>～</PRE>タグ間に書くと改行も含めて表示されます。
文字コードもMSPゴシックよりMSゴシックにした方がずれなくなると思います。

お礼

＞ご回答者皆様へ
お礼が遅くなりました。すいません。

ご回答ありがとうございます。MSゴシックでできました。