Question

当用户点击它时，如何使用a href从字体 - 真棒图标将用户链接到页面。代码低于HTML。

<div class="features-icons-icon d-flex">
   <a href='https://www.google.co.uk'><i class="fa fa-desktop  m-auto fa-5x text-danger"></i></a>
</div>

删除a href，您会看到位置change.

我希望图标链接到谷歌但是一个接一个地在同一垂直线上。例如，像其他两个没有href标签代码的图标一样。

Answer 1

a标记覆盖了应用于i标记的样式。考虑将margin标记的a设置为：

.features-icons-icon > a{
    margin: 0px auto;
}

Fiddle or it didn't happen!

Answer 2

将FA类放入A标签。

<a href='https://www.google.co.uk' class="fa fa-desktop  m-auto fa-5x text-danger"></a>

Answer 3

试试这个。删除标签并在i标签上使用onclick

 <div class="features-icons-icon d-flex">
     <i class="fa fa-desktop  m-auto fa-5x text-danger" onclick="window.location.href='https://www.google.co.uk'"></i>
 </div>

为什么`a href`标签会改变我的图标位置？

3 个答案: