[CSS]ブラウザに関係なくAAのズレをなくす方法
ユーザの利用しているブラウザに関係なく、アスキーアート(AA)のズレをなくし、正常に表示する方法。
スタイルシートに以下を記述。
.aa{
font-family:"MS Pゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:16px;
line-height:18px;
}
として、表示部分は
<div class="aa">
AAを入力
</div>
とする。
すると、
/ ̄ ̄ ̄ヽ
|___G___|_ 登場曲は「ハレ晴レユカイ」
lシ=・= =・=| を希望だぉ
(6|∵‥(・・)∴|
( ∵・Α )
\ ゜ヾ/
_ノ |__ (⌒)
/\\_// ` / ~.レヘへ
/ ..|。|”’ ノヽ | .| .| .|
| / GIA|。NTS( ̄ `ヽ ししし
 ̄ `ー──‐
|___G___|_ 登場曲は「ハレ晴レユカイ」
lシ=・= =・=| を希望だぉ
(6|∵‥(・・)∴|
( ∵・Α )
\ ゜ヾ/
_ノ |__ (⌒)
/\\_// ` / ~.レヘへ
/ ..|。|”’ ノヽ | .| .| .|
| / GIA|。NTS( ̄ `ヽ ししし
 ̄ `ー──‐
ズレることなく表示ができました。
参照:らいぶろちゃんねる ブログにAAをずれないように貼る方法
著者/訳者:まるへそ太郎
出版社:ソフトバンククリエイティブ( 2003-02-28 )
定価:¥ 1,260
単行本 ( 229 ページ )
ISBN-10 : 4797322756
ISBN-13 : 9784797322750


