跨度在具有相同空格的标签内

Question

我想在一个覆盖所有相同空间的标签中放置一个跨度（我的意思是标签的空间（宽度和高度）相同的跨度）

<a class="a-tab">
   <span class="fa fa-fw fa-plus">
</a>

.a-tab{
     float: none;
     display: inline-block;
     color: #333333;
     padding: 0.571em 1em;
     font-weight: 700;
}

.fa-fw{
    width: 1.28571429em;
    text-align: center;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;

 }

所以问题是我无法更改标签，因为它来自 lib 和 fa plus 图标。我唯一能改变的是<span>，也许是<div>。但它似乎不起作用。我尝试设置 width: 100% 和 height: 100% 但仍然不行。

有什么建议吗？

Answer 1

尝试添加这些样式：

a.a-tab {
    position: relative !important;
}

a.a-tab span {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}