<a href="#body1"> <img class="hdp" src="hdp.jpg" alt="" title="top"/></a>
那是html，而且...
img.hdp{display:block;margin: 0 auto;border:none;padding:0;}
这就是 CSS。
好吧，图像将其链接到顶部，问题是图像左右的整条宽度线也确实链接了它。我已经尝试了多种解决方案，但似乎都没有奏效。 欢迎任何有想法的人陈述它。
如何将类移动到锚点，并用以下命令对其进行修复：
<a class="hdp" href="#body1"> <img class="hdp" src="http://placehold.it/120x120" alt="" title="top"/></a>
.css：
a.hdp{ display:block;margin: 0 auto;border:none;padding:0; width: 120px;}
这假设您事先知道图像的宽度。
JSFIDDLE： http://jsfiddle.net/7pNMQ/1/