Palm84 某所の日記

死のうは一定、しのびクマには何しよぞ...

全治8週間(リハビリ4週間含む)... orz

    n __∩
  ..ノ//// ヽ
《 /////,_;;:;ノ|
 ,|..///( _●_) ミ  クマー!!
,_彡//?|∪|┰` ...\
//\\  ヽノ?)).   )  
(|_|_|_)  /./(_/
 |    _.. / ‖
 |  /\_\‖
 | /    )_ )‖
《.∪   (_\‖
       \_) 

私生活のキリウリはヤダ!とか言いつつ書いてしまう。(´・ω・`)

元々視力低いのですが最近は遠近感もダメダメになってるので目視ミスの着地失敗でやってもうた。orz

でも、ギプスが石膏じゃなくてキャスティングテープとやらになってまして、昔に比べたらかなり楽になってるかんじです。

日本においては従来看護婦らが巻軸包帯に石膏をまぶして作成する家内手工業的なものであったが、1955年に国産初の石膏ギプスを東京衛材研究所(現アルケア株式会社)が市販開始し普及した。現在では医療現場からの要求により技術開発が進み、ガラス繊維製の基布に水硬性ポリウレタン樹脂を浸含させたガラス繊維キャスティングテープが主流となっており、石膏ギプスは義肢装具の採型用として使われる程度となりつつある。

スコッチキャスト3-J 75002J(5CMX3.6M)10カン

スコッチキャスト3-J 75002J(5CMX3.6M)10カン

  • メディア: ヘルスケア&ケア用品

な。みなさんもお気をつけあれ

骨まで愛して/あなたの命 [EPレコード 7inch]

骨まで愛して/あなたの命 [EPレコード 7inch]

  • アーティスト:城卓矢
  • 発売日: 2013/08/19
  • メディア: LP Record
完全保存盤 城卓矢 名曲集

完全保存盤 城卓矢 名曲集

  • アーティスト:城卓矢
  • 発売日: 2013/07/24
  • メディア: CD

追記

ここの内容は古いしだめだめなので下記をご笑覧ありたし。

pre要素で書くのはやっぱり邪道ですね。すみません。てなわけでこんなかんじがいいのかも?

というかブラウザで'MS Pゴシック'をデフォルトにしてたら不要なんですが、ここの日記は等幅指定なので(あとLinuxとか)ってことで。

※あとでしっかり確認しときます。

  • スタイルシート
div.kumakuma {
overflow: auto;
white-space: pre;
font-size: 0.8em;
font-family: 'MS Pゴシック','IPA モナー Pゴシック',IPAMonaPGothic,Mona,sans-serif;
margin: 1em;
padding: 0.5em;
color: #003;
background-color: #f1f1f1;
line-height: 1.1em;
letter-spacing: 0px;
border-style: solid;
border-width: 1px;
border-color: #fff #003 #003 #fff;
}

【追記】overflow: auto;入れないと幅が勝手に広がっちゃうので入れた方がいいかなぁ。

  • html書き書き...
<div class="kumakuma">
ここにコピペ
</div>
【追記】確認中ですが

はてなでは<div>で他の要素なしで書くと左側にスペースが入っちゃいますね。ということで、やっぱりpre要素で書くのがいいのかなぁ。

尚、pre要素、white-space属性(いや、もちろんAAのための要素ではないのですけど...汗)を使うわけは、いちいち改行タグ(br)を入れなくてすむからです。blogでは勝手に改行タグを入れてくれる場合が多いのですけど、htmlで書く場合は確実に指定しとかないといけないので。

white-space:pre はIE6の互換モードでは無視されるみたい?

IE6/7の互換モードでは色々と属性を指定すると、一部の指定が無視されちゃったりするので、これもvalidではないけど、おまじない(ナニ)を入れといた方がいいかも。

で、結局こんなかんじかなぁ。ってかややこしいからblogの仕様にまかせて何もしない方がよかったりして(ショボン)

.kumakuma {
margin: 3%;
padding: 1%;
overflow: auto;
font-size: 0.8em;
font-family: 'MS Pゴシック','IPA モナー Pゴシック',IPAMonaPGothic,Mona,sans-serif;
line-height: 1.1em;
letter-spacing: 0px;
color: #003;
background-color: #f1f1f1;
border-style: solid;
border-width: 1px;
border-color: #fff #003 #003 #fff;
width: 90%;
}
  • html書き書き...
<pre class="kumakuma">
ここにコピペ
</pre>
 / ̄ ̄ ̄ ̄ ̄\
 |  マイヤヒー♪ |           / ̄ ̄ ̄ ̄ ̄\
 \___   __/          |  マイヤフー♪ | / ̄ ̄ ̄ ̄ ̄\
      ∨               \___   __/ |  マイヤホー♪ |
                            ∨       \__   ____/
    ∩___∩              ∩____∩      ∨
    | ノ     ヽ            /       ヽ|  ∩____∩
   /  ●   ● |            | ●   ●  ヽ/       ヽ|
   |    ( _●_)  ミ         彡   (_●_ )     | ●   ●  ヽ
  彡、   |∪|  、`\        /     |∪|    彡  (_●_)    |
 / __  ヽノ /´>  )      (  <   ヽ ノ   /    |∪|    ミ
 (___)   / (_/         \_ )      (  <   ヽ ノ     ヽ

あんまり意味なかったなぁ・・・(汗)

【1/1】さらに追記

ありゃ?、はてなにはこんなのあったんですね。シランカッタ(汗)。

div.ascii-art{
  font-size:12pt;
  line-height:18px;
  font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","MS Pゴシック","MS Pゴシック","MS Pゴシック",sans-serif;
}

というわけで、aa記法使う場合はこのセレクタを自分好みに弄ればいいんではないかなと。(_width: 100%; は互換モード用ですが...)

div.ascii-art {
/* overflow: auto; */
/* white-space: pre; */
font-size: 0.8em;
font-family: 'MS Pゴシック','IPA モナー Pゴシック',IPAMonaPGothic,Mona,sans-serif;
margin: 1em;
padding: 0.5em;
color: #003;
background-color: #f1f1f1;
line-height: 1.1em;
border-style: solid;
border-width: 1px;
border-color: #fff #003 #003 #fff;
_width: 100%;
}

改行(br)を自動で入れてくれるのは便利ですが、overflow: auto(white-spaceを設定すると改行が二重になるのでだめ?)は使えないと思うので、幅に合わせて自動改行折り返しされるのが嫌な場合とかはpre要素と使い分けた方がいいかもしれないですね。