Question

在此html代码中，链接无效。我尝试了很多事情，但我做不到。

<div class=""container showHide" style="display:none;" id="app">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
  <div class="row_1">
    <div class="one" style="text-align:left;">
      <p class="sidetext">The Startup</p>
      Autopilot or otherwise, for more than half a decade Elon has stated his
      <a href="#"><button type="button" class="sidebut">Follow</button> 
    </a>
      <p></p>
    </div>
    <div class="two" style="width:10%">
      <ul>
        <li><a href="https://twitter.com" title="Twitter"><i class="fab fa-twitter"></i></a></li>
        <li><a href="https://www.linkedin.com" title="Linkedin"><i class="fab  fa-linkedin-in"></i></a></li>
      </ul>
    </div>

Answer 1

首先，链接标记应位于HTML文件开头的开头。同样在div样式中，您将其设置为“ display：none”。也将其删除

要回答您的问题，创建链接的正确方法如下：

<a href="https://twitter.com">Twitter</a>

我建议使用w3schools学习HTML。试试看。

Answer 2

您在第一格中使用style="display:none;"！ display: none;用于隐藏元素，而不删除和重新创建它们。

删除style="display:none;"链接有效

链接在div内不起作用，并且字体效果也很棒。为什么？

2 个答案: