WordPressでAAを正しく表示する方法

スマホだと崩れるので、フルブラウザで表示してください。
WordPress 上では、標準設定だと、アスキーアートが正しく表示されません。
行頭のスペースが削除されてしまいます。
CSSで設定したり、やり方はいろいろあるようですが、簡単な方法で設定してみました。
行頭に | を書き込んでスペースが削除されないようにし、テキストモードで
<div style=”font-family: ‘MS Pゴシック’,’MSPゴシック’,’MSPゴシック’,’MS Pゴシック’; font-size: 16px; line-height: 18px;”>***ここにAA***</div>
のように、しています。

|:::::::        ┌────────────────┐
|::::::::        |CVT 1.6 AWD がもっさりしたようだな  │
|:::::   ┌───└───────────v───┬┘
|:::::   | フフ…奴はインプレッサ四天王の中で最弱  |
|┌──└────────v──┬───────┘
|| 0-100 11秒台とは         |
||   スバルの面汚しよ       │
|└────v─────────┘
|  |ミ,  /  `ヽ /!    ,.──、
|  |彡/二Oニニ|ノ    /三三三!,       |!
|  `,’ \、、_,|/-ャ    ト `=j r=レ     /ミ !彡      ●
|T 爪| / / ̄|/´__,ャ  |`三三‐/     |`=、|,=’|    _(_
|/人 ヽ ミ=’/|`:::::::/イ__ ト`ー く__,-,  、 _!_ /   ( ゚ω゚ )
|/  `ー─'” |_,.イ、 | |/、   Y  /| | | j / ミ`┴’彡\ ‘    `
|    GP7         GP6       GP2    GP3(CVT)

これで、一応崩れなくなりました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


前の記事

リプロ

次の記事

スクラッチ