Question

新手在这里需要帮助。

我正试图从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;

}

Answer 1

我应该采取下一个方式;

HTML

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

您将文本包装在一个段落中，并且可以使用css替换span.mapicon中的内容。

然后是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;
}

我希望这对你有所帮助

从css调用图像的正确方法

1 个答案: