为什么这个超链接会占用整个表格单元格而不仅仅是文本？答案

【问题标题】：Why is this hyperlink taking the whole table cell and not just on the text?为什么这个超链接会占用整个表格单元格而不仅仅是文本？
【发布时间】：2011-03-09 17:17:00
【问题描述】：

事实：

我在 Visual Studio .NET 2008 下工作
我正在使用 Cufon-yui.js 作为字体替换工具。
链接在表格<td> 内（因为它处理更多信息）

我使用的命令是：

<asp:HyperLink ID="thisistheID" runat="server" NavigateUrl="#">
  <h3 style="width:250px;">Title of the Link</h3>
</asp:HyperLink>

在 Firefox 和 IE 中，我只想将鼠标悬停在文本上，然后将链接放在那里。如果我将鼠标悬停在（表格的）整个单元格上，则链接可用并出现在那里，即使我那里没有字母。

我怎样才能让这个链接在字母所在的地方工作？

我希望我以适当的方式提出这个问题。

【问题讨论】：

标签： html asp.net .net html-table cufon

【解决方案1】：

我认为问题在于您将 h3 标签设为链接。如果是这种情况，有两种方法可以解决它....

一个。为 asp:HyperLink 设置样式并且不指定宽度（不需要 h3 标签，除非你正在为它做一些 javascript 的东西）。

<asp:HyperLink ID="HyperLink1" runat="server" 
   Font-Bold="True" 
   Font-Size="Large"
   text="Title of the Link" 
   NavigateUrl="default.aspx" ></asp:HyperLink>

b.如果您不需要访问控制服务器端，请在 h3 标记内使用普通的旧 html 标记：

<h3 style="font-size: larger">
   <a href="Default.aspx">Title of the Link</a> 
</h3>

【讨论】：

我给了它一个宽度，看看能不能解决链接的宽度问题。此链接使用右侧的空格，并使用完整的单元格。让我使用您的解决方案，我会及时通知您。谢谢。
用户 egrunin 的解决方案效果更好一些。但是，我仍然认为问题出在 Cufon-yui.js 上，当我加载页面时它会在渲染时闪烁。

【解决方案2】：

如果你把它翻过来会发生什么？

<h3 style="width:250px;">
    <asp:HyperLink ID="thisistheID" runat="server" NavigateUrl="#">
        Title of the Link
    </asp:HyperLink>
</h3>

【讨论】：