ホームページ  >  記事  >  ウェブフロントエンド  >  CSS sprites_html/css_WEB-ITnose を使用してアイコンとテキストを垂直方向の中央に表示する方法

CSS sprites_html/css_WEB-ITnose を使用してアイコンとテキストを垂直方向の中央に表示する方法

WBOY
WBOYオリジナル
2016-06-24 12:11:571293ブラウズ

ブログのインターフェースを書いています
もともと、スプライトを使うかどうかは関係ありませんが、今日はスプライトを使用したことがありません。 . アイコン、写真、テキストを直接挿入した後、高さと行の高さを同じにすることで垂直方向に中央揃えにすることができます
スプライトを使用した後は、背景が挿入されるため、垂直方向の中央揃えは制御するのが困難です
何か良い方法があれば教えてください。 Center
または
background:url(...) center;

ブログ検索

CSS :
.iconA {display:inline-block; width:16px; url(icons.png) -20px -20px no-repeat}

アイコンとテキストを同じ行に表示でき、アイコンが偏りません少しずれています

margin-bottomを使用してマイナスの値を与えて調整すればOKです
ありがとうございます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。