はてなダイアリーでの画像と文章の回りこみ自分メモ

これまでブログを書くにおいて、文章の回りこみを気にしてませんでした。
しかし、「もう少し見た目にも気を配ったほうがいいかな？」と思ったので、調べてみました。
はてなダイアリー限定の書き方メモです。

文章の回りこみっていうのは次のような状態です。

例：回りこみなし

表示

これはRainbowNoteとgoogle Documentとの同期が終了した画面のスクリーンショットです。文章の回りこみはしていないので、画像の下に文章があります。

ソース

[f:id:biost:xxxx:image]
これはRainbowNoteとgoogle Documentとの同期が終了した画面のスクリーンショットです。文章の回りこみはしていないので、画像の下に文章があります。

例：回りこみあり

表示

これはRainbowNoteとgoogle Documentとの同期が終了した画面のスクリーンショットです。文章の回りこみを設定しているので、画像の右に文章があります。

ソース

[f:id:biost:xxxx:image:left]
これはRainbowNoteとgoogle Documentとの同期が終了した画面のスクリーンショットです。文章の回りこみを設定しているので、画像の右に文章があります。
<br clear="left">

違いの説明

「回りこみあり」ではファイルを示す部分で「:left」と追記しています。
こう記載することで、画像は左に表示されると同時に、その後に記載される文章は、画像の右に回り込みます。
また、「回りこみあり」では最後に

<br clear="left">

と書いてあります。こう書くことで回りこみが終了し、その後の文章は画像の下に表示されるようになります。

にほんブログ村 iPhone