html - 如何链接整个(表格)按钮，而不是仅链接单词？

Question

我正在使用具有内联样式的电子邮件模板。不幸的是，这个模板中的按钮没有链接，只有按钮中的单词。

我的问题:我已经链接了整个表格，但它在 Firefox 中看起来不正确(蓝色下划线，左侧有一些错误的像素)。

如何正确链接整个按钮？

<table border="0" align="center" width="260" cellpadding="0" cellspacing="0" bgcolor="2a99d8" style="border-radius: 5px;" class="main_color">

                            <tr><td height="13" style="font-size: 13px; line-height: 13px;">&nbsp;</td></tr>

                            <tr>

                                <td>
                                    <table border="0" align="center" cellpadding="0" cellspacing="0" style="border-radius: 5px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">

                                        <tr>
                                            <td align="center" style="color: #ffffff; font-size: 14px; font-weight: 700; font-family:'Roboto', Arial, sans-serif;">
                                                <!-- ======= main section button ======= -->

                                                <div style="line-height: 24px;">
                                                    <a href="" style="color: #ffffff; text-decoration: none;">FIND OUT MORE</a> 
                                                </div>
                                            </td>
                                            <td width="20" align="right">
                                                <img align="bottom" width="6" height="10" style="width: 6px; height: 10px;" src="http://promailthemes.com/raula/img/btn-arrow.png" />
                                            </td>
                                        </tr>

                                    </table>

                                </td>

                            </tr>

                            <tr><td height="13" style="font-size: 13px; line-height: 13px;">&nbsp;</td></tr>

                        </table>

Answer 1

将表格放在包含的 div 中，并使用 javascript 链接到 div 的超链接。