Hyperlink 将鼠标悬停在一个链接上会使其右侧出现一个小破折号_Hyperlink_Hover

Hyperlink 将鼠标悬停在一个链接上会使其右侧出现一个小破折号

hyperlink

Hyperlink 将鼠标悬停在一个链接上会使其右侧出现一个小破折号,hyperlink,hover,Hyperlink,Hover,在这种情况下，将鼠标悬停在左侧链接上会在其右侧（两个链接之间）显示一个小破折号。我怎样才能摆脱这个？我在Safari和Chrome中都看到了这一点，但我在样式表中没有看到任何东西能让它做到这一点 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Walls</title> <link href

在这种情况下，将鼠标悬停在左侧链接上会在其右侧（两个链接之间）显示一个小破折号。我怎样才能摆脱这个？我在Safari和Chrome中都看到了这一点，但我在样式表中没有看到任何东西能让它做到这一点

<!DOCTYPE html>
 <html>
 <head>
         <meta charset="utf-8">
         <title>Walls</title>
         <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
         <link rel="stylesheet" href="custo.css">

        <script src="prettyPhoto_compressed_3/js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="prettyPhoto_compressed_3/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="prettyPhoto_compressed_3/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</head>

 </head>
 <body>

 <br>
                 <a href="gallery.html">
                 <img src="test.jpg" class="testclass" alt="test" width="170" />
                 </a>

                 <a href="info.html">
                 <img src="test.jpg" class="testclass" alt="test" width="55"  />
                 </a>



 <div class="container-fluid">
 <br>


 </div><!-- .container -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <script type="text/javascript" charset="utf-8"> <!--initialize prettyPhoto-->
     $(document).ready(function(){
     $("a[rel^='prettyPhoto']").prettyPhoto();
      });
    </script>


 </body>
</html>


墙




$（文档）.ready（函数（）{
$（[rel^='prettypto']）；
});

如果您看到的是与我看到的相同的内容（我没有所有的样式表），那么您将看到图像的

标记的下划线
您只需在图像链接上使用文本装饰：none
即可删除该链接
<a href="gallery.html" style="text-decoration: none !important;">

这是一篇老文章，但我想对一些事情有所贡献。这将帮助其他人了解破折号（-）出现的原因
这是因为a标记内有一个空白。例如：
<a href="#">
  <i>test</i>
</a>



如果您这样设置行：
破折号/下划线将消失，但某些工具可能仍会格式化代码，并添加空格。因此，使用前一篇文章中提到的css将消除这个问题。
我这样做了，还为它设置了自己的类，它一直在这样做。还有一点没有意义，那就是为什么第二个链接没有在任何地方创建破折号？我可以发布一张图片，但我现在只差1个代表就可以在这里发布图片了。