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

HTML邮件模板中取消按钮文本加粗的问题求助

解决HTML邮件按钮移除<strong>标签后文字断裂的问题

移除<strong>标签后出现文字断裂,核心原因是邮件客户端对行内元素的换行渲染规则差异——原来的<strong>作为块级化的行内元素,隐含了抑制换行的特性,移除后<a>标签默认的行内布局会在空格(包括&nbsp;)处触发换行。

直接用以下修改后的代码即可解决:

<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;,让按钮左右内边距更均匀,提升视觉效果
  • 可以保留&nbsp;或者换成普通空格,加上nowrap后两种方式都不会触发换行

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.15 10:35:20