下層ページイメージ

新着情報

写真の回り込みを解除するhtml

(最終更新日:

htmlタグ画像

ホームページを制作納品後、お客様に新着情報や施工例などを更新いただいているのですが、その際に多い質問が「写真を配置した後のレイアウトがくずれてしまう」という内容です。

写真の右もしくは左に文字を回り込ませている場合、「return」で調整してしまうと、パソコンではまあまあ普通(実際のhtmlをみると不要なbrタグが多)に見えていても、スマホで確認すると変な空きスペースができてしまうのです。

写真の回り込みを解除するhtmlです。

左右両方の回り込みを解除  <br clear=”all”>
左配置の写真の回り込みを解除 <br clear=”left”>
右配置の写真の回り込みを解除  <br clear=”right”>
 回り込みを解除しない  <br clear=”none”>

cssで書く方法もありますが(実際はこちらの方が多いのですが)、今回はhtmlでの解除方法としました!


« | »

こちらの記事もオススメです

新着情報一覧

ホームページ制作にまつわる便利な情報を長野より発信!