如何在Outlook HTML邮件中设置按钮样式锚标签的高度?
Outlook HTML邮件中按钮样式锚标签高度设置问题
我正尝试在Outlook HTML邮件里给样式化为按钮的<a>标签设置高度,在网页浏览器里能实现预期效果,但在Outlook 365里完全不生效。我可以通过给标题加 调整锚标签宽度,但一直找不到调整高度的办法。
以下是复现问题的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年前的支持情况反而更好:

内容的提问来源于stack exchange,提问作者Eric
相关产品推荐
相关产品推荐

