他の新着情報はこちらから
« ホームページ制作確認macとwinの画面切り替えショートカット | リスティング広告とディスプレイ広告の違い »
新着情報
写真の回り込みを解除するhtml
(最終更新日:)
ホームページを制作納品後、お客様に新着情報や施工例などを更新いただいているのですが、その際に多い質問が「写真を配置した後のレイアウトがくずれてしまう」という内容です。
写真の右もしくは左に文字を回り込ませている場合、「return」で調整してしまうと、パソコンではまあまあ普通(実際のhtmlをみると不要なbrタグが多)に見えていても、スマホで確認すると変な空きスペースができてしまうのです。
写真の回り込みを解除するhtmlです。
左右両方の回り込みを解除 | <br clear=”all”> |
左配置の写真の回り込みを解除 | <br clear=”left”> |
右配置の写真の回り込みを解除 | <br clear=”right”> |
回り込みを解除しない | <br clear=”none”> |
cssで書く方法もありますが(実際はこちらの方が多いのですが)、今回はhtmlでの解除方法としました!
こちらの記事もオススメです
新着情報一覧
ホームページ制作にまつわる便利な情報を長野より発信!
-
MW WP FormのフォームでGmailだけメールが届かない!
-
ページリターンをfooterまでいったらふわっと消したい
-
hoverで矢印が伸びるアニメーション
-
プラグイン無しでsns連携させる
-
wordpressでアップロードした画像が表示されない
-
タイルレイアウト
-
アメーバブログRSSをホームページ一覧で表示で文字化けする
-
cssだけで画像のズームアップ