文字と画像の揃え方の指定の仕方

画像をホームページの文章の途中に挿入すると画像とその前後の文字が同じ行に 表示されてしまいます。ここで起きる問題は、画像と文字の位置になります。回り込みを指定 しないと、画像の左右に表示される文字は画像の下にそろってしまうのです。

画像の上や真ん中に文字をそろえないとどうしてもデザイン的に変になってしまうので、この 文字と画像の位置の指定の仕方も覚えておくとホームページの作成の時に非常に役に立ちます。 タグは回り込みと同じようにimg src=""タグのalign属性で指定します。top、middle、bottomの 3つの揃え方がこのタグでは可能です。

topは画像の上と文字の上がそろう形で表示され、middleは画像の真ん中あたりに文字が表示され ます。bottomは画像の下に文字がそろって表示されます。ホームページ作成で使う画像のサイズに よってこのalignの指定も変わってきますが、できればアイコンなどは初めから文字と同じくらいの 大きさにしておくとこのタグ指定もなくてすむので楽です。

これもスタイルシートで指定しておけば画像ごとの毎回のタグ指定は不要です。ただすべての画像に 対して同じalign属性で表示されてしまうので、ホームページ内にある一つ一つの画像に対して alignを指定することはできなくなってしまいますので、注意しましょう。


メニュー

お気に入りサイト達

内容の正確性に関しては責任を負いかねます。個人の責任にて当サイトをご利用ください。
文字と画像の揃え方の指定の仕方 英会話学校