Question

抱歉，如果我的标题有点误导，但不知道如何用词/短语。

目前，我已经拥有了各种社交网络的图片。例如，通过点击Facebook图标，它会进入我的脸书。它的布局如下：

<div class="row">
            <center>
                <div class="span2">
                    <a href="http://www.facebook.com/XXXXXXX" target="_blank"><img src="assets/img/icons/fbwhitebig.png" width="64" height="64"></img></a> 
                </div>

有没有办法让这个成为一个＆＃34;类＆＃34;如果这有道理？这样我可以通过做

这样的事情来获得相同的效果

<div class="span2">
<a href=http://www.facebook.com/XXXXXX" target="_blank" class="facebookbutton"></a>
</div>

然后在CSS中有这个：

.facebookbutton {
    width:64px;
    height64px;
    background: url(assets/img/snicons/fbwhitebig.png) no-repeat;
}

对不起，如果这是一个荒谬的帖子，我还在学习哈哈！

谢谢：）

Answer 1

如果您修复了拼写错误（href =后面缺少的开头引号，高度后缺少冒号），并添加display: block您编写的代码可以正常工作。

http://jsfiddle.net/oudL3ovz/1/

.facebookbutton {
    width:64px;
    height:64px;
    background: url("http://s10.postimg.org/l40wid7mt/facebook_logo_64px.png") no-repeat;
    display:block;
}

HTML

<div class="span2">
<a href="http://www.facebook.com/XXXXXX" target="_blank" class="facebookbutton"></a>
</div>

您可能想要使用display: inline-block;。

为img按钮创建一个div类

1 个答案: