HTML邮件模板中取消按钮文本加粗的问题求助
解决HTML邮件按钮移除
<strong>标签后文字断裂的问题 移除<strong>标签后出现文字断裂,核心原因是邮件客户端对行内元素的换行渲染规则差异——原来的<strong>作为块级化的行内元素,隐含了抑制换行的特性,移除后<a>标签默认的行内布局会在空格(包括 )处触发换行。
直接用以下修改后的代码即可解决:
<tr> <td align="center" style="padding:15px;" bgcolor="#000000"> <a href="xxx" style="font-family:Helvetica Neue; padding: 0 20px; font-size:16px; color:#FFFFFF; text-decoration:none; text-transform:uppercase; white-space: nowrap;" target="_blank">LEARN MORE</a> </td> </tr>
关键调整点:
- 给
<a>标签添加white-space: nowrap;样式,强制文本在一行显示,彻底避免换行断裂 - 把零散的
padding-left和padding-right合并为padding: 0 20px;,让按钮左右内边距更均匀,提升视觉效果 - 可以保留
或者换成普通空格,加上nowrap后两种方式都不会触发换行
内容的提问来源于stack exchange,提问作者ssleight
相关产品推荐
相关产品推荐

