html - 如何放入标签内？ table放入a标签是一个好的解决方案吗？为什么链接在包装表时不起作用？ <a href="/place"> <table> <tr> <td> <span class="place-icon" /> </td> <td

Answer 1

我需要实现下一个html

不，你没有，也不应该。真的。它是无效的、非语义的，并且（也许最重要的是）由于这些原因而无法可靠地工作。

如果您想要的只是图像和一些文本（已链接），请使用以下内容：

<a href="/place" class="button">My Place Name</a>

.button {
    display: inline-block;
    background-image: url();
    background-position: 2px 2px;
    padding-left: 16px; /* size of image */
}

这是一个工作示例：http: //jsfiddle.net/RvTp3/

根据评论，这是另一个示例，显示文本换行时与垂直中间对齐的图像：http: //jsfiddle.net/RvTp3/1/

Answer 2

在我看来，您只想拥有一个带有图标和文本的链接，它们都链接到 /place 并且<table>仅用于布局，对吗？为什么不摆脱桌面并使用 css 进行布局？

Answer 3

它不是。你不应该。

如果你想启用点击表格。然后你可以通过将点击事件附加到表格来做到这一点。

 <table  onclick="window.location='yoururl'">
    <tr>
      <td>
        <span class="place-icon" />
      </td>
      <td> 
        My place name
      </td>
    </tr>
  </table>