写真を横に並べる
写真を横にならべて表示したいんですけど、文章と写真を交互に入れるとなんだか変なんです。
どれどれ。
…なるほど。パソコンでは綺麗に並んでいるのに、スマホでみると表示がガチャガチャになっちゃうんですね。
そうなんです。どこを直せばいいでしょうか?
直すよりも作り直した方がはやいかもしれませんね。下の手順で行ってみてください。
写真を横にならべる
●文章、写真3枚、文章の順に配置する場合
- 「お知らせ」内に任意の文章を入力して、Enter(改行)してください。
- [画像の挿入・編集]アイコンを押してアップロードする画像を選んだ後、[画像サイズ]を押してください。写真を3枚並べる場合は"小(200px)"、2枚並べる場合は"中(400px)"を押してください。
- 上の手順(画像の挿入・編集)を、掲載する写真の枚数分繰り返してください。なお、画像の挿入の後にスペースキーを押さないでください(スマホ表示時のずれの原因になります)。なお、下の例のように3枚の写真を2列以上並べる時や、2枚の写真を2列以上並べる時に、途中に改行になる箇所でもEnterを押さないように注意してください。(下の例は3枚写真を並べる場合を出していますが、写真2枚でも同じです)
- 写真張り付けの後にEnterを押し、二つめの文章を書いてください。複数行の文章を書いていただいてもかまいません。文章の最後でEnterを押してください。
- 再び写真を貼る場合は、3の手順を行ってください。その後文章を書く場合も同様です。この手順で文章と写真を貼れば、下のようにスマホ表示時にも崩れなく表示できます。