-1

ここの初心者、助けが必要です。

CSSから画像を呼び出そうとしています。これは正しい方法ですか？

<span class="mapicon">blah blah blah</span>

上記を使用すると、画像をテキストに正しく配置できません。

<span class="mapicon"></span>blah blah blah

これは私にとってはうまくいきますが、これはそれを行う方法ですか？

私のCSS

.mapicon {
background-image: url('http://site.com/wp-content/uploads/2013/07/map_icon.gif');
background-repeat: no-repeat;
padding-left: 15px;
vertical-align: middle;

}

4

1 に答える 1

0

次の方法で行く必要があります。

HTML

<p><span class="mapicon">&nbsp;</span>blah blah blah</p>

テキストを段落で折り返すことと、span.mapicon のコンテンツを css を介して画像に置き換えることができること。

cssコードは、

.mapicon {
    background-image: url('http://site.com/wp-content/uploads/2013/07/map_icon.gif');
    background-repeat: no-repeat;
    display: inline-block;
    /* image width and height */
    width: 50px;
    height: 50px;
}

これがお役に立てば幸いです

于 2013-07-21T12:19:27.300 に答える