写真を横に並べてレイアウトする改訂版
写真を横並びにしたい。こんな時は配置指定で「左回り込み」を選びます。
写真を横２列に並べてみた。
あれ？改行したのに文字が下に来ない！緑の文字部分は下の来てほしいんだけど・・・
こんな時には回り込みを解除するおまじない「<div style="clear:both;"></div>」を文章と写真の間に入れればOKです。
↓↓↓回り込みを解除してみた場合
写真を横２列に並べてみた。
■回り込みを解除していない
■回り込みを解除している
違いは赤枠部分があるかないかです。
文字を写真の下に持ってきたい場合には、回り込みを解除するおまじない「<div style="clear:both;"></div>」を写真と文字の間にいれましょう。
NPO法人こどもステーション山口さん、毎回の例会の様子をたくさんアップしています。
このレイアウトを実現するのも、このおまじない。
写真１・写真２・写真３
<div style="clear:both;"></div>
写真４・写真５・写真６
<div style="clear:both;"></div>
：
こんなふうにすればできあがり！
レポートで写真をたくさん載せたい場合などチャレンジしてみてください。きっとステキなアルバムが完成しますよ
