Question

我需要在图片上设置链接。我必须在表格中设置它，我做了。但我无法理解为什么图片的全宽链接。这意味着背景颜色也是一个链接。该链接应仅在图片上。

如果是div标签，可以用包装器解决，但我不知道如何在表内解决？

这是我的代码：

<body>
  <table class="wrapper" align="center">
    <tr>
      <td class="wrapper-inner">
        <!-- Row 1 -->
        <table class="row collapse" >
          <tbody>
            <tr>
              <th class="small-12 large-12 columns first">
                <table>
                  <tr>
                    <th>
                        <a href="https://www.google.dk/"><img src="http://3.bp.blogspot.com/-Z4vZ7AsD6Bc/T_PNRK_9f2I/AAAAAAAAAH4/t3UZ3BQyqdE/s1600/shutterstock.jpg" alt="test" align="center" class="float-center" ></a>
                    </th>
                    <th class="expander"></th>
                  </tr>
                </table>
              </th>
            </tr>
          </tbody>
        </table>
        <!-- Row 2 -->
        <table class="row collapse bgcolor--blue">
            <tbody>
              <tr>
                <th class="small-12 large-12 columns">
                  <table>
                    <tr>
                      <th>
                          <a href="https://www.google.dk/"><img src="http://24.media.tumblr.com/7a40daf7853d830815fb83f79752e94a/tumblr_mz2izkaidT1rfn9zxo4_500.png" alt="Fashion news" align="center" class="float-center"></a>
                      </th>
                      <th class="expander"></th>
                    </tr>
                  </table>
                </th>
              </tr>
            </tbody>
        </table>
      </td>
    </tr>
  </table>
</body>

Answer 1

我没有注意到这应该发生。试试这个CSS：

th {
    text-align: center;
}

th a {
    display: inline-block;
}

使用@SpencerMay评论

编辑

图像应该链接而不是背景

1 个答案: