ノックアウト(・∀・)イイ!!

ノックアウト(・∀・)イイ!!

画像を横に並べて貼る方法

画像を横に並べて貼る方法

まぁ知らなくてもどうってことはないですが
どうやってやるんだろうって思ったことある人いるんじゃないでしょうか

祝・440! の記事でちょっと試してみた方法なのですが

<table><tr><td>< 1枚目の画像のURL ></td><td>< 2枚目の画像のURL ></td></tr></table>

とすれば並べて表示できるはずです

都合により<と>が全角になっていますが
利用する時は半角に置換して利用してください
画像のURL部分には楽天のフォトアップロードのところの
タグつきURLをそのまま貼ってしまってください
img src=で始まる例のアレですw

遊びにきてくれましたw
応援いただきました


こんな感じになります


<○枚目の画像>の前後部分に文章を書くことで
画像の上下にコメントを入れることもできます
前方部分は何も気にすることはないですが
後方部分は改行してからでないと画像の右にコメントが載ってしまいますがw

遊びにきてくれましたw
ウサギとカメ
必勝のアイテムGETw
応援いただきました


こんな感じになります

画像の上下位置は改行をうまく使えば調整することができると思います
タグは慣れなので使いこなしたい人はいろいろやってみることをお勧めします

ちなみに…3個以上並べたいときは

</tr>の前に<td>< ○枚目の画像のURL ></td>を追加してくだけです

<table><tr><td>< 1枚目の画像のURL ></td><td>< 2枚目の画像のURL ></td><td>< 3枚目の画像のURL ></td><td>< 4枚目の画像のURL ></td><td>…</td></tr></table>

こんな感じですね
タグって凝れば凝るほどゴチャゴチャになってしまうので
説明が難しい部分があります…

質問などありましたら こちら にどうぞ

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: