Как использовать FontAwesome со сложенными значками в качестве атрибута href - PullRequest
Новая
       29

Как использовать FontAwesome со сложенными значками в качестве атрибута href

1 голос
/ 04 февраля 2020

В моем файле index.html я использую сложенные шрифтовые иконки в качестве href-кнопок внутри ячейки таблицы, например так: 

        <td>
          <div class="btn-group" role="group">
            <a asp-action="Details" asp-route-id="@item.ProductId" data-toggle="tooltip" data-placement="bottom" title="Details" style="vertical-align: top;">
              <span class="fa-stack">
                <i class="fas fa-circle fa-stack-2x"></i>
                <i class="fas fa-info fa-stack-1x fa-inverse"></i>
              </span>
            </a>
            <a asp-action="Edit" asp-route-id="@item.ProductId" data-toggle="tooltip" data-placement="bottom" title="Edit" style="vertical-align: top;">
              <span class="fa-stack">
                <i class="fas fa-circle fa-stack-2x"></i>
                <i class="fas fa-pencil-alt fa-stack-1x fa-inverse"></i>
              </span>
            </a>
            <a asp-action="Delete" asp-route-id="@item.ProductId" data-toggle="tooltip" data-placement="bottom" title="Delete" data-toggle="modal" data-target="#deleteModal" style="vertical-align: top;">
              <span class="fa-stack">
                <i class="fas fa-circle fa-stack-2x"></i>
                <i class="fas fa-trash-alt fa-stack-1x fa-inverse"></i>
              </span>
            </a>
          </div>
        </td>

Однако иконки fa-circle, похоже, не находятся в линия с внутренней иконкой. На рисунке это хорошо видно:

enter image description here

Я читал, что <span class="fa-stack"> должно сработать, но в моем случае это не совсем работает Какой может быть самый простой способ исправить смещение?

...