Html 图像旁边的奇怪点（删除下划线以定位标记）

我为一个学校项目做了一个网站，在我看到按钮旁边的点/线之前，一切都很好。这是一张图片。

我的图像代码是：

CSS

HTML

---

“Nobut”是一个空图像，我用它来表示空间。

在

之间的空间

---

除此之外：您忘记了几个

结束标记。最好把它们加进去。

要指出两件事

使用css

文本装饰：无。如果没有此选项，则会导致文本带有下划线

少部分锚定标记缺少

标记

实际原因是默认情况下，锚链接将具有下划线，默认锚链接CSS规则是

文本装饰：下划线这是浏览器显示锚链接的方式。因此，锚点内的所有文本都有下划线。在你的例子中，你有一个空格，它是空格的下划线。
因此，将此CSS规则添加到锚标记

 a{
   text-decoration:none;
  }

我教过它，但它似乎不是问题：/我仍然非常相信它是问题所在。缺少的“”是问题所在：D，谢谢！事实上，缺少的
导致其后面的换行符在超链接中也被视为空白，因此更多的“文本”被加下划线。你能提供一个提琴吗？你能把它变成一个JSFIDLE吗？如果你使用F12工具并检查圆点，你能看到上面的样式吗？谢谢，但我找到了一个解决方案！
<div>
   <a href="menu.pdf" > <img src="images/button1.png" class="button1">
   <a href="Lmenu.html"> <img src="images/button2.png" class="button2">
   <a href="brunch.html"> <img src="images/button3.png" class="button3"> </a>
   <a href="FD.html"> <img src="images/button4.png" class="button4"> </a>
</div>
<div>
   <a href="GM.html"> <img src="images/button5.png" class="button5"> </a>
   <a href="LotD.html"> <img src="images/button6.png" class="button6"> </a>
   <a href="CWU.html"> <img src="images/button7.png" class="button7"> </a>
   <a href="B2B.html"> <img src="images/button8.png" class="button8"> </a>
</div>
<div>
   <a href="LM.html"> <img src="images/button9.png" class="button9"> </a>
   <a href="ID.html"> <img src="images/button10.png" class="button10"> </a>
   <a href="LCT.html"> <img src="images/button11.png" class="button11"> </a>
   <a href="CH.html"> <img src="images/button12.png" class="button12"> </a>
</div>
<div>
   <img src="images/button13.png" class="button13"> 
   <img src="images/nonbut.png" class="nonbut">
   <img src="images/nonbut.png" class="nonbut">
  <img src="images/button14.png" class="button14">
</div>
</div>

 a{
   text-decoration:none;
  }