画像を左に寄せて右側に文字を配置する(Ver.1.3.4.0)

次のように、画像を左に寄せて、その右側に文字を配置することができます。

手つかずの自然が残っている山麓には、美しい清流が流れていました。ちょうどカメラを持っていたので、夢中でシャッターを切りました。

設定の手順は次のとおりです。

▼1.挿入した画像を右クリックし、［画像の設定］を選択します。

▼2.［配置］で［左寄せ］を指定して［OK］ボタンをクリックします。なお、［右寄せ］を指定した場合は、画像を右に寄せて文字を左側に配置できます。

▼3.画像の下あった文字が画像の右側に配置された場合は、文字の直前にカーソルを置き、［Enter］キーで改段して文字を画像の下に移動します。

▼4.画像の下に文字が移動しました。

▼5.画像の右側にカーソルを置いて文章を入力します。

※注
上記のように操作すると、xfy Blog Editorでは正しく表示されるのに、サーバーに保存してブラウザで見ると、次のように画像の下の文字や画像が、画像の右側に流れ込んで表示される場合があるようです。

この場合は、次のように、［Enter］キーによる改段ではなく、［Shift］+［Enter］キーによる改行を入力することで、画像の下にある文字や画像を、画像の下に移動してみてください。

このページは xfy Blog Editor を利用して作成されました。

Comments

[投稿： ゆあ]

はじめまして。
xfyを使ってブログを書き始めたものの、ブラウザで画像が上手く表示されずに困ってました。。
本当に助かりました～ありがとうございます。また参考にさせていただきます。