html - 如何将 <table> 放在 <a> 标签内？-6ren

html - 如何将放在标签内？

转载作者：太空宇宙更新时间：2023-11-04 14:20:53

将 table 放在 a 标签内是否是一个好的解决方案？为什么链接在包装表时不起作用？

<a href="/place">
  <table>
    <tr>
      <td>
        <span class="place-icon" />
      </td>
      <td> 
        My place name
      </td>
    </tr>
  </table>
</a>

最佳答案

I need to implement the next 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/

关于html - 如何将 <table> 放在 <a> 标签内？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11900545/

文章推荐： c++ - 我如何让 .getline 每次都得到答案

文章推荐： c++ - CMake:如何指定自定义导入库名称(MSVC)

文章推荐： css - 盒子的(复杂的)水平居中

首页

博学

6Ren·AI

商城

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内

首页

博学

6Ren·AI

商城

标签)？ 根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内

标签)？
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？是吗 stackoverflow 或 stackoverflow 谢谢最佳答案根据网络标准，您不能将 block 元素放入内