無料アイコン素材

アイコン素材です。矢印のアイコンはリンクやワンポイントの装飾として使えるかもしれません。一応、無料素材としての公開していますが、この素材の再配布などは禁止です。あくまで個人での利用をお願いします。注意事項は守って下さいね!


カテゴリ別メニュー

節約時間趣味の時間無料イラスト素材>無料アイコン素材

無料アイコン素材集

無料アイコンとは

矢印なんかのアイコンです。ワンポイントにどうぞ!
こんな素材でも使用に際しては「注意事項」はお守りくださいネ。

矢印アイコン

2007.07.27

ワンポイントコラム:画像と文字の中心軸をあわせる
画像と文字を同じ行に使うと、画像と文字の中心軸がずれて気持ち悪いことがあります。

例)
画像と文字の中心軸がずれてしまいます。
画像と文字の中心軸がずれません。
↑違いが分かります?

画像と文字の中心軸がずれてしまいます。
画像と文字の中心軸がずれません。
↑文字が小さいとわかりやすいと思います。

でも、画像のタグに「style="vertical-align:middle;"」を追加すれば大丈夫。
スタイルシートで指定すればHTMLソースがもっとスッキリします。
img{vertical-align:middle;} (スタイルシートで指定する場合に追加)
.*** img{vertical-align:middle;} (class***で指定した範囲のimgタグに適用)

さらに、画像の余白を指定すれば、画像と文字が近すぎるときも大丈夫。
画像と文字の中心軸がずれません。
画像と文字の中心軸がずれません。
↑下の例では、画像と文字が少し離れているので読みやすいでしょ。


当サイト内の文章および画像・構成・デザイン等の無断転載・複製を硬く禁じます。
Copyright 節約時間 All rights reserved. Since 2004/8/8
GroupSite 副収入 格安温泉 リンク