已更新
我怎样才能像上图那样在 Facebook 图标上获得删除按钮？？ 我想把删除按钮放在 facebook 图标的右上角.... DEMO
.fa-remove{
float:right;
top:-30px;
cursor:pointer;
color: #fff;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: #605F61;
font-size: 31px;
}<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.12.0/bootstrap-social.css">
</head>
<body>
<div class="form-group social col-xs-2">
<a class="btn btn-lg btn-social-icon btn-facebook center-block">
<span class="fa fa-facebook"><span class="fa-remove"></span>
</a>
<p class="social-icon-name">Facebook</p>
</div>
</body>
</html>最佳答案
关于绝对位置。
您的代码中有很多错误。但这不是，你需要的。
你需要这个:
<a class="btn btn-lg btn-social-icon btn-facebook center-block">
<span class="facebook">
</a>
<span class="fa-remove"></span>
.fa-remove{
position:absolute;
top:0;
right:15px;
z-index:9999;
float:right;
top:-30px;
cursor:pointer;
color: #fff;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: #605F61;
font-size: 31px;
}
关于html - 我怎样才能得到 Facebook 图标上的删除按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35547825/