文章/答案/技术大牛

发布

社区首页 >问答首页 >向span项添加链接

问向span项添加链接
EN

Stack Overflow用户

提问于 2022-03-05 06:39:38

回答 2查看 155关注 0票数 1

所以我试着在这个列表中的每个项目上添加一个链接，我试着使用，但是它破坏了动画，并将第一个链接添加到列表中的每个项目，尝试使用span内的data-url=" link“，这根本不起作用，这是代码，任何帮助都将是非常感谢的。

index.html -

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>SKZ Romania</title>
</head>
<body>
  <ul class="list">
    <li class="list-item">
      <span class="split-text" data-text="FORUM">FORUM</span>
    </li>
    <li class="list-item">
      <span class="split-text" data-text="LISTĂ BAN-URI">LISTĂ BAN-URI</span>
    </li>
    <li class="list-item">
      <span class="split-text" data-text="TOP RANK-URI">TOP RANK-URI</span>
    </li>
    <li class="list-item">
      <span class="split-text" data-text="DISCORD">DISCORD</span>
    </li>
  </ul>
</body>
</html>

html

css

回答 2

Stack Overflow用户

发布于 2022-03-05 06:56:23

试试这个，我为前两项做了一个链接：

<ul class="list">
<li class="list-item">
<span class="split-text" data-text="FORUM"><a 
href="stylesheet" > froum </a></span>

</li>
<li class="list-item">
<span class="split-text" data-text="LIST? BAN- 
URI"> <a href="styles.css">  LIST? BAN-URI </a> 
</span>

</li>

票数 0

Stack Overflow用户

发布于 2022-03-05 06:59:57

不能将链接添加到span。如果要添加链接，必须使用<a>标记！

为此，您必须将span放在a标记中，如下所示：

<a href="http://yourUrl"> <span> your text </span> </a>

对于动画，你必须改变动画功能！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71360052

复制

相似问题

问向span项添加链接
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向span项添加链接EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向span项添加链接
EN