You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Outlook HTML邮件中设置按钮样式锚标签的高度?

Outlook HTML邮件中按钮样式锚标签高度设置问题

我正尝试在Outlook HTML邮件里给样式化为按钮的<a>标签设置高度,在网页浏览器里能实现预期效果,但在Outlook 365里完全不生效。我可以通过给标题加&nbsp;调整锚标签宽度,但一直找不到调整高度的办法。

以下是复现问题的HTML代码:

<!doctype html>
<html>
    <head>
        <title>Test Table Styling</title>
    </head>
    <body>
        <div width=1920px
             height=1652px>
            <div width=512px
                 height=48px
                 style="flex-shrink:0;background:#00A7E1;">
                <div style="">Blah blah blah</div>
            </div>
            <div width=386px
                 height=16px
                 top=323px
                 left=767px
                 style="">
                                            Hello:</div>
            <br/>
            <table style="">
                <tr style="">
                    <th>Header</th>
                    <th>Header</th>
                    <th>Header</th>
                    <th>Header</th>
                </tr>
                <tr>
                    <td>8/12/2022</td>
                    <td>8/12/2022</td>
                    <td>8/12/2022</td>
                    <td>8/12/2022</td>
                </tr>
                <tr>
                    <td>7/27/2022</td>
                    <td>7/27/2022</td>
                    <td>7/27/2022</td>
                    <td>7/27/2022</td>
                </tr>
            </table>
            <br/>
            <div style='text-align:center'>
                <div style="text-align:center">
                    <a style="display:inline-block;width:150px;height:100px;background:#1572BA;padding:10px;text-align:center;border-radius:5px;color:#FFFFFF;font-weight:bold;line-height:32px;text-decoration:none;"
                   href='https://localhost'>Blah blah blah</a>
            </div>
            </div>
            <br/>
            <br/>
            <div style="text-align:center;">lorum lbljdlfkjalkjfdslaksjdflkj</div></div>
    </body>
</html>

查询邮件兼容性资料发现,这个功能在20年前的支持情况反而更好:

我真希望回到2003年!


内容的提问来源于stack exchange,提问作者Eric

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.14 19:10:25