Question

在以下代码段中：

<a name="top"></a>
<div class="topbar">
  <img src="banner.jpg" alt="The Group Company" width="100%" />
  <div class="printOnly">
    <center><b>Printed from www.company.com</b></center>
  </div>
</div>

命名锚点（<a name="top"></a>）在 topbar div之前引入换行符。有办法防止这种情况吗？由于各种原因，命名锚点必须位于包含横幅图像的div上方。

我尝试使用CSS将锚点的高度设置为 0px ，显示设置为无，但这会使他无法锚定（即从页面中其他地方链接到 #top 不再有效）。

有解决方法吗？

Answer 1

实际上，使用锚点链接到页面上的某个部分是obsolete。您可以改用global id attribute。这也解决了您的问题，因为您不必添加额外的dom元素：

<div class="topbar" id="top">...</div>

其他地方：

<a href="#top">Go to top</a>

容易做到！

Answer 2

使div <div class="topbar">内联，

＆＃13;

.topbar{
  display:inline-block;
  }

＆＃13;

<a name="top"></a>
<div class="topbar">
  <img src="banner.jpg" alt="The Group Company" width="100%" />
  <div class="printOnly">
    <center><b>Printed from www.company.com</b></center>
  </div>
</div>

＆＃13;

如何防止命名锚引入换行符

2 个答案: