イメージ配置サンプル

スタイルを利用した新しいサンプルを用意しました。スタイルを使えば「文字の回りこみ解除」もできますので、出来れば新しいサンプルをご覧ください。
● イメージ配置サンプル(スタイル使用2) 2005年06月11日13:00

「画像を選択/解除」で選択した画像は、記事の左上、中央上、右上の何処かにブログスタイルに応じて配置されます。
また、記事単体表示の場合は元のサイズで変更されますが、トップページ、日付指定、月別、カテゴリ表示の場合は、ブログスタイルに応じて縮小表示されることがあります。
なお、この画像は携帯でも見ることができます。

左寄せ＆文字回り込み
<img src="イメージパス" align="left" hspace="5" vspace="2" />align="left" を使用することで、画像を「左」に配置して文字を回りこませる～

align="left" を使用することで、画像を「左」に配置して文字を回りこませることができます。
hspace="5" を使用することで、画像の横方向に5ピクセルの余白を設けることができます。
vspace="2" を使用することで、画像の縦方向に2ピクセルの余白を設けることができます。
なお、この画像は携帯では見ることができません。

右寄せ＆文字回り込み
<img src="イメージパス" align="right" hspace="10" vspace="5" />align="right" を使用することで、画像を「右」に配置して文字を回りこませる～

align="right" を使用することで、画像を「右」に配置して文字を回りこませることができます。
hspace="10" を使用することで、画像の横方向に10ピクセルの余白を設けることができます。
vspace="5" を使用することで、画像の縦方向に5ピクセルの余白を設けることができます。
なお、この画像は携帯では見ることができません。

中央寄せ
<div align="center"><img src="イメージパス" /></div>

<div align="center">と</div>で<img>を挟み込むことで、画像を「中央」に配置することはできますが、余白に文字を回りこませることはできません。
なお、この画像は携帯では見ることができません。

●質問 画像の位置について - gooブログサークル