画像を横に並べて表示する方法

ひろピーさんから 画像を横に並べて表示するには?


というコメントがありましたので


検証してみたいと思います



通常 画像貼付 または 画像リストから


2回連続して貼り付けると 以下のように表示されます


(画像・地図 中央)



画像
画像




この場合 本文には次のような言語が入っていると思います

(改行せずに貼付した場合の状態にしてください)


画像



この言語のうち 1枚目の画像言語の後半 </div>          

2枚目の画像言語の前半 </div align=”center”>

これを削除します

下記の赤線の部分です


画像



この時 赤線部分に相当する部分を空白にすると その分が画像間の余白となります


改行はしないでください


削除した後 空白の入っていない場合の言語は以下の状態になります



画像




画像の横幅によっては 入りきらず 改行されてしまう場合もあるので


「保存して次へ」 で 表示状況を確認して 画像のサイズを確認してください


逆に考えると 小さい画像なら 同じ要領で いくつでも 横並び表示できるということですネ!




画像画像
















ポチ応援 よろしく お願いします
人気ブログランキングへ


この記事へのコメント

2011年01月17日 15:38
こんにちは、北海道の人には笑われるかもだけど・・・雪が積もって寒いです。気持玉にありがとうが有ったらポチです。
2011年01月18日 09:26
pearubiさん
 今年の雪と寒さは
 慣れている北海道でも大変ですから
 普段 そういう気候ではない地域の方は
 靴ひとつから ほんと大変と思います
2011年01月18日 13:14
早速、2枚の写真を横に並べて表示する方法を
とても分かりやすくご説明いただき、ありがとうございました。
次回のブログで試させていただきます。
ご親切に、心より御礼申し上げます。
これで、またブログが益々楽しくなりそうです!

2011年01月18日 14:50
ひろピーさん
 横並びで画像を遊ぶとか
 考えてみる良い機会となりました
 スカイツリーの写真とかも面白そう
2011年01月18日 15:22
画像を横並びに表示する方法 以前に他の方のブログ(きっと□地&○地さんもご存知の KARAKURY ウェブリブログ)で別の方法が説明されていて 試したことあります。同じ横並び表示でも いろいろなやり方があるんですね。
□地&○地さんの方法だと とても簡単です。こんど トライしてみます。私のページの気持だまの表示方法も □地&○地さんが以前に紹介していた方法で表示したんですよ。ありがとうございます。


2011年01月18日 21:20
□地&○地さん
初めてコメントさせていただきます。
小生のBlogご覧下さり、気持玉も頂きありがとうございます。

今回の記事で今までのモヤモヤがすっきりしました。
ブログ作成時、写真を並べて掲載するのが難しく、パワーポイントやペイントで合成したりして前準備に手をとられ、最近は全て中央にのせてました。
早速以前の記事を編集してみたところ、スッキリ横並びの写真掲載ができました。
今度は「気持玉」のイメージ編集にもチャレンジしたいと思ってます。

今後も、判りやすく面白いBlog編集テクニックのご指導、宜しくお願いします。
2011年01月18日 21:26
丸みさん
 自分 コメントされるまで
 あまり考えたことなかったのですが
 工夫できそうです