• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
イイね!
2010年02月17日

AAが崩れる件についての考察

昨日のブログをあげるに当たって、実は随分苦戦(一時間位かな)をしてました。というのは貼り付けた
AA(アスキーアート)が思いっきり崩れていたのです。

                    , r==ー-
             , -─‐ メx
           /     ´⌒ Y⌒ヽ
           ,ィ´/-‐/,/ / /l!⌒ヽ \
     // / /゙´ /∧/ / / l\  \ 〉、
     ' 〃 / //^/∧// l/|  |  ヽ`ヽ、 `ー - 、                   マ=ィ=x、
      j!   ル'´/〃 //'⌒ ト l  |    Y ヘ`ヽ、\ \                     マ=/ /  \
      / / /レ'/ィ行ト、  ヽト、   リ 〉  ! \ヽ 、                マ=/ /  ,/=マ
     /∧ ヽ.r∧k| 弋ソ    ィ行ト、 〃j /`ヽj、  〉ハ 〉               ノ/  /=マ
      ! l ∨ j{  ゙ム""   , 弋,ソ /人//!ヽ. ハハ /                     /><.>'=マ
        ソ乂._八   (`ヽ  ""/乂   ヽ.} /)イー ─ - - ─-----─ァ⌒j/></
           ∠\\ _´ ,... イ\.::`ヽ. ,ル'.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:〃 ,不ヽ>ーゥ
           j´.:.:.:.:`\`Yヾ-x、.:.:\ヽ.:.:レ '.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.: jl/><(ヽY´
           人.:.:.:.:.:.:.:.:.:`{{、}}ノノ.:ヾノヽ 、_.:. -‐―ー--――――゚、.:/></一 '
        {.:.::` ー.:.:_.:.Ⅶノハヾx..:く´ \、                 /></
          乂.:.:.:.:.:.:.:.:.:.:.: ̄`ヽ.:))::゛::ヘ   ヾ、          /></
         入.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.: \():.ノ   \、 ........_    /></
           ヽ:.:ヽ、:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.`\  ,ィ'´ x‐。 ヽ /></
              ∨ヽ.:.:`.:‐.:、...:.:.:.:.:.:.:.:.:.:.:.:\i/  ゝィ  /></
             ∨ ',.:.:.:.:.:.:.:^.:ー-.、.:.:.:.:.:.:.:.:.:\   X./></
            ∨j.:.:.:.:.:.:.:.:.:.:.: ():.ヽ、.:.:.:.:.:.:.:.:゙</></ ||
.              ∨.:.:.:.:.:.:.: ,xr<゛  \.:.:.:.:.:.:.:.:.:X >   入_,、
          , <.:∨.:.:.:,x/       `>、゚。.:.:,//⌒又    ノ
         <.: /.:.:.:.:.∨://       。 く./X ヽ.:」厶    ㍉ ィ"
          /.:ヽ、.:.:.:.:ト.ィ′     (o、/><></ ゚ \   了
.           〃//\.:.:.||j      `ヽヾx´/ ゚、 。 /ゝ、 孑
       ∧/.:.:.:.:.:/\!!!          ヽo)   \ /   `'
    r― /.:/.:.:.:.:.:.f.:.:.:.:爪              `}
    j//.:/.:.:.:.:.:.:.:ト、.:.:.:.∧           (o) (o) リ
   <.: く:<:「`ヽ.:.:.:.:|.:.:ヽ|.:.:心       (o) (o)   /
      ̄ l  ` ー 、.:.:.!.:.:|.:|ヾト、          /
,r=x     !      ヽ!.:.:!.:|.:.:.:.:.:>ー--x‐ ' ´
!{/⌒ヽ._ {       l ` ー‐<      ', ,ィ=.、
!l{     `',         !    ∨       'k.:.:..:)
》`¨ヘ、   ∧       l      ∨      ト、ヽ|
!.:.:.:.:.〈\  |        j.       ∨    人 Y.:!
ゝ、__,ノ  \!      ,'        ∨     /.:.}
         \    /        ∨   ∠..ノ
           ` 一 '´         ` 一 '
こんな感じ、先ず思いついたのが行間を狭くする事と、太字を解除する事です。
<span style="line-height:1.1;font-weight:normal;">AA本体</span>
で、こんな感じ
                    , r==ー-
             , -─‐ メx
           /     ´⌒ Y⌒ヽ
           ,ィ´/-‐/,/ / /l!⌒ヽ \
     // / /゙´ /∧/ / / l\  \ 〉、
     ' 〃 / //^/∧// l/|  |  ヽ`ヽ、 `ー - 、                   マ=ィ=x、
      j!   ル'´/〃 //'⌒ ト l  |    Y ヘ`ヽ、\ \                     マ=/ /  \
      / / /レ'/ィ行ト、  ヽト、   リ 〉  ! \ヽ 、                マ=/ /  ,/=マ
     /∧ ヽ.r∧k| 弋ソ    ィ行ト、 〃j /`ヽj、  〉ハ 〉               ノ/  /=マ
      ! l ∨ j{  ゙ム""   , 弋,ソ /人//!ヽ. ハハ /                     /><.>'=マ
        ソ乂._八   (`ヽ  ""/乂   ヽ.} /)イー ─ - - ─-----─ァ⌒j/></
           ∠\\ _´ ,... イ\.::`ヽ. ,ル'.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:〃 ,不ヽ>ーゥ
           j´.:.:.:.:`\`Yヾ-x、.:.:\ヽ.:.:レ '.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.: jl/><(ヽY´
           人.:.:.:.:.:.:.:.:.:`{{、}}ノノ.:ヾノヽ 、_.:. -‐―ー--――――゚、.:/></一 '
        {.:.::` ー.:.:_.:.Ⅶノハヾx..:く´ \、                 /></
          乂.:.:.:.:.:.:.:.:.:.:.: ̄`ヽ.:))::゛::ヘ   ヾ、          /></
         入.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.: \():.ノ   \、 ........_    /></
           ヽ:.:ヽ、:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.`\  ,ィ'´ x‐。 ヽ /></
              ∨ヽ.:.:`.:‐.:、...:.:.:.:.:.:.:.:.:.:.:.:\i/  ゝィ  /></
             ∨ ',.:.:.:.:.:.:.:^.:ー-.、.:.:.:.:.:.:.:.:.:\   X./></
            ∨j.:.:.:.:.:.:.:.:.:.:.: ():.ヽ、.:.:.:.:.:.:.:.:゙</></ ||
.              ∨.:.:.:.:.:.:.: ,xr<゛  \.:.:.:.:.:.:.:.:.:X >   入_,、
          , <.:∨.:.:.:,x/       `>、゚。.:.:,//⌒又    ノ
         <.: /.:.:.:.:.∨://       。 く./X ヽ.:」厶    ㍉ ィ"
          /.:ヽ、.:.:.:.:ト.ィ′     (o、/><></ ゚ \   了
.           〃//\.:.:.||j      `ヽヾx´/ ゚、 。 /ゝ、 孑
       ∧/.:.:.:.:.:/\!!!          ヽo)   \ /   `'
    r― /.:/.:.:.:.:.:.f.:.:.:.:爪              `}
    j//.:/.:.:.:.:.:.:.:ト、.:.:.:.∧           (o) (o) リ
   <.: く:<:「`ヽ.:.:.:.:|.:.:ヽ|.:.:心       (o) (o)   /
      ̄ l  ` ー 、.:.:.!.:.:|.:|ヾト、          /
,r=x     !      ヽ!.:.:!.:|.:.:.:.:.:>ー--x‐ ' ´
!{/⌒ヽ._ {       l ` ー‐<      ', ,ィ=.、
!l{     `',         !    ∨       'k.:.:..:)
》`¨ヘ、   ∧       l      ∨      ト、ヽ|
!.:.:.:.:.〈\  |        j.       ∨    人 Y.:!
ゝ、__,ノ  \!      ,'        ∨     /.:.}
         \    /        ∨   ∠..ノ
           ` 一 '´         ` 一 '
人物は綺麗に出ていますが、ギターが崩れています。ここからが随分悩みまして・・・結果
                    , r==ー-
             , -─‐ メx
           /     ´⌒ Y⌒ヽ
           ,ィ´/-‐/,/ / /l!⌒ヽ \
     // / /゙´ /∧/ / / l\  \ 〉、
     ' 〃 / //^/∧// l/|  |  ヽ`ヽ、 `ー - 、                   マ=ィ=x、
      j!   ル'´/〃 //'⌒ ト l  |    Y ヘ`ヽ、\ \                     マ=/ /  \
      / / /レ'/ィ行ト、  ヽト、   リ 〉  ! \ヽ 、                マ=/ /  ,/=マ
     /∧ ヽ.r∧k| 弋ソ    ィ行ト、 〃j /`ヽj、  〉ハ 〉               ノ/  /=マ
      ! l ∨ j{  ゙ム""   , 弋,ソ /人//!ヽ. ハハ /                     /><.>'=マ
        ソ乂._八   (`ヽ  ""/乂   ヽ.} /)イー ─ - - ─-----─ァ⌒j/></
           ∠\\ _´ ,... イ\.::`ヽ. ,ル'.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:〃 ,不ヽ>ーゥ
           j´.:.:.:.:`\`Yヾ-x、.:.:\ヽ.:.:レ '.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.: jl/><(ヽY´
           人.:.:.:.:.:.:.:.:.:`{{、}}ノノ.:ヾノヽ 、_.:. -‐―ー--――――゚、.:/></一 '
        {.:.::` ー.:.:_.:.Ⅶノハヾx..:く´ \、                 /></
          乂.:.:.:.:.:.:.:.:.:.:.: ̄`ヽ.:))::゛::ヘ   ヾ、          /></
         入.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.: \():.ノ   \、 ........_    /></
           ヽ:.:ヽ、:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.`\  ,ィ'´ x‐。 ヽ /></
              ∨ヽ.:.:`.:‐.:、...:.:.:.:.:.:.:.:.:.:.:.:\i/  ゝィ  /></
             ∨ ',.:.:.:.:.:.:.:^.:ー-.、.:.:.:.:.:.:.:.:.:\   X./></
            ∨j.:.:.:.:.:.:.:.:.:.:.: ():.ヽ、.:.:.:.:.:.:.:.:゙</></ ||
.              ∨.:.:.:.:.:.:.: ,xr<゛  \.:.:.:.:.:.:.:.:.:X >   入_,、
          , <.:∨.:.:.:,x/       `>、゚。.:.:,//⌒又    ノ
         <.: /.:.:.:.:.∨://       。 く./X ヽ.:」厶    ㍉ ィ"
          /.:ヽ、.:.:.:.:ト.ィ′     (o、/><></ ゚ \   了
.           〃//\.:.:.||j      `ヽヾx´/ ゚、 。 /ゝ、 孑
       ∧/.:.:.:.:.:/\!!!          ヽo)   \ /   `'
    r― /.:/.:.:.:.:.:.f.:.:.:.:爪              `}
    j//.:/.:.:.:.:.:.:.:ト、.:.:.:.∧           (o) (o) リ
   <.: く:<:「`ヽ.:.:.:.:|.:.:ヽ|.:.:心       (o) (o)   /
      ̄ l  ` ー 、.:.:.!.:.:|.:|ヾト、          /
,r=x     !      ヽ!.:.:!.:|.:.:.:.:.:>ー--x‐ ' ´
!{/⌒ヽ._ {       l ` ー‐<      ', ,ィ=.、
!l{     `',         !    ∨       'k.:.:..:)
》`¨ヘ、   ∧       l      ∨      ト、ヽ|
!.:.:.:.:.〈\  |        j.       ∨    人 Y.:!
ゝ、__,ノ  \!      ,'        ∨     /.:.}
         \    /        ∨   ∠..ノ
           ` 一 '´         ` 一 '
綺麗になったでしょ。上と見比べると分かるかと思いますが、フォントのサイズが違います。パラメーターは
<span style="line-height:1.1;font-weight:normal;font-size:16px;">AA本体</span>
標準ではフォントサイズが14pxなので、2pxしか違わないんですが、それでも上記のようなズレが発生するんですね、勉強になりました。多分フォントの文字(空白含む)によって文字幅の拡大率が微妙に違うのだと思います。
みんカラ標準のスタイルシート(580px)では大きいAAは貼れませんが、その場合フォントサイズを小さくして無理矢理貼ると崩れる場合がありそうです。ただAAの使用文字によっては、崩れない、若しくは崩れ方が少ない場合もあると思います。
最後に中学生?Ver.行間を縮めただけなら崩れない見本、勿論広げるのも可。
<span style="line-height:0.7;font-weight:normal;font-size:16px;">

                    , r==ー-
             , -─‐ メx
           /     ´⌒ Y⌒ヽ
           ,ィ´/-‐/,/ / /l!⌒ヽ \
     // / /゙´ /∧/ / / l\  \ 〉、
     ' 〃 / //^/∧// l/|  |  ヽ`ヽ、 `ー - 、                   マ=ィ=x、
      j!   ル'´/〃 //'⌒ ト l  |    Y ヘ`ヽ、\ \                     マ=/ /  \
      / / /レ'/ィ行ト、  ヽト、   リ 〉  ! \ヽ 、                マ=/ /  ,/=マ
     /∧ ヽ.r∧k| 弋ソ    ィ行ト、 〃j /`ヽj、  〉ハ 〉               ノ/  /=マ
      ! l ∨ j{  ゙ム""   , 弋,ソ /人//!ヽ. ハハ /                     /><.>'=マ
        ソ乂._八   (`ヽ  ""/乂   ヽ.} /)イー ─ - - ─-----─ァ⌒j/></
           ∠\\ _´ ,... イ\.::`ヽ. ,ル'.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:〃 ,不ヽ>ーゥ
           j´.:.:.:.:`\`Yヾ-x、.:.:\ヽ.:.:レ '.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.: jl/><(ヽY´
           人.:.:.:.:.:.:.:.:.:`{{、}}ノノ.:ヾノヽ 、_.:. -‐―ー--――――゚、.:/></一 '
        {.:.::` ー.:.:_.:.Ⅶノハヾx..:く´ \、                 /></
          乂.:.:.:.:.:.:.:.:.:.:.: ̄`ヽ.:))::゛::ヘ   ヾ、          /></
         入.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.: \():.ノ   \、 ........_    /></
           ヽ:.:ヽ、:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.`\  ,ィ'´ x‐。 ヽ /></
              ∨ヽ.:.:`.:‐.:、...:.:.:.:.:.:.:.:.:.:.:.:\i/  ゝィ  /></
             ∨ ',.:.:.:.:.:.:.:^.:ー-.、.:.:.:.:.:.:.:.:.:\   X./></
            ∨j.:.:.:.:.:.:.:.:.:.:.: ():.ヽ、.:.:.:.:.:.:.:.:゙</></ ||
.              ∨.:.:.:.:.:.:.: ,xr<゛  \.:.:.:.:.:.:.:.:.:X >   入_,、
          , <.:∨.:.:.:,x/       `>、゚。.:.:,//⌒又    ノ
         <.: /.:.:.:.:.∨://       。 く./X ヽ.:」厶    ㍉ ィ"
          /.:ヽ、.:.:.:.:ト.ィ′     (o、/><></ ゚ \   了
.           〃//\.:.:.||j      `ヽヾx´/ ゚、 。 /ゝ、 孑
       ∧/.:.:.:.:.:/\!!!          ヽo)   \ /   `'
    r― /.:/.:.:.:.:.:.f.:.:.:.:爪              `}
    j//.:/.:.:.:.:.:.:.:ト、.:.:.:.∧           (o) (o) リ
   <.: く:<:「`ヽ.:.:.:.:|.:.:ヽ|.:.:心       (o) (o)   /
      ̄ l  ` ー 、.:.:.!.:.:|.:|ヾト、          /
,r=x     !      ヽ!.:.:!.:|.:.:.:.:.:>ー--x‐ ' ´
!{/⌒ヽ._ {       l ` ー‐<      ', ,ィ=.、
!l{     `',         !    ∨       'k.:.:..:)
》`¨ヘ、   ∧       l      ∨      ト、ヽ|
!.:.:.:.:.〈\  |        j.       ∨    人 Y.:!
ゝ、__,ノ  \!      ,'        ∨     /.:.}
         \    /        ∨   ∠..ノ
           ` 一 '´         ` 一 '
別人みたい・・・それに、背は小さくなっているのに真横に伸ばした腕が短くなっていない罠・・・
ブログ一覧 | 日記
Posted at 2010/02/17 11:42:27

イイね!0件



タグ

今、あなたにおすすめ

ブログ人気記事

Claudeがどのように学習してき ...
ヒデノリさん

みんカラ:モニターキャンペーン【C ...
インギー♪さん

皆様、おはようございます。台風一過 ...
skyipuさん

年収1500万円…はもうハイクラス ...
もへ爺さん

みんカラ:モニターキャンペーン【C ...
まんじゅさんさん

お疲れ様でした🙇
ゆう@LEXUSさん

この記事へのコメント

2010年2月18日 16:40
ををを!

すばらしい! 
僕もどうしたらいいか悩んだことがありました。
参考にさせていただき。。。いえ、パクらせていただきます!!
コメントへの返答
2010年2月18日 23:17
参考になれば幸いです。

どうぞ使ってください。ブログ本文の中にタグを埋め込めるので、どのスタイルシートでも応用出来ますよ。

プロフィール

「やっと一息つけるかな。っと http://cvw.jp/b/240136/38159886/
何シテル?   07/03 21:10
俺の彼女(注.嫁さんです)は超アムロではありません。 (^^; 俺の車はS-RVエアロスポーツ 最近は忙しくなったので、更新を差彫り気味ですが、稀に当...
みんカラ新規会員登録

ユーザー内検索

<< 2025/9 >>

 123456
78910111213
14151617181920
21222324252627
282930    

リンク・クリップ

ヴぉる@DJデミオさんのスバル インプレッサWRX 
カテゴリ:外部ブログ
2015/11/18 09:27:44
ポチは見た!~枡込の嘘の浦~ 
カテゴリ:マイブーム
2012/06/09 09:25:41
 
AsahiSuperDry 
カテゴリ:外部ブログ
2010/12/11 15:14:52
 

愛車一覧

スバル インプレッサ スバル インプレッサ
実用的で運転の楽な車です。 アプライドモデルはD型 カラーはサテンホワイト・パール ...
日産 パルサーセリエS-RV 日産 パルサーセリエS-RV
中古で購入した2台目のパルサーです。
ダイハツ シャレード ダイハツ シャレード
軽量コンパクトのターボ、走る事の楽しさを教えてくれた車でした。車内の天井に外国(イタリア ...
日産 パルサー 日産 パルサー
初めて新車で購入した車です。デトマソと比べかなり重かったので、雪道は苦労しました。FF+ ...
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation