Question

我的引导标记为a标记，其中包含带有glyphicon类的span元素。但是，我无法将span glyphicon设置为伸展到a标记可用宽度的完整范围。这是我的代码：

HTML：

<a class='app-nav--links' href='#'>
  <span class="glyphicon glyphicon-music" aria-hidden="true"></span>
</a>

SCSS：

.app-nav {
    .app-nav--links {
      display: inline-block;
      width: 60px;
      & span {
        width: 100%;
        display:inline-block;
      }
    }

有什么想法吗？

Answer 1

好的，我通过将font-size添加到span标记来解决此问题。这是代码：

.app-nav {
    .app-nav--links {
      display: inline-block;
      width: 60px;

      span {
        width: 100%;
        font-size: 50px;
      }
    }

Answer 2

您的代码实际上使跨度填充了标记。如果你想增加glyphicon的大小，你应该增加它的font-size。

使span填充标记

2 个答案: