无需::before/::after，邮件中实现文本两侧自适应横线的最优方案

针对邮件不支持CSS伪元素的限制，用表格布局可以完美实现需求，核心思路是利用表格的自动分配宽度特性，让左右横线自适应剩余空间，同时保证横线与文本垂直居中对齐。

实现代码 #

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr valign="middle">
    <!-- 左侧横线 -->
    <td style="border-bottom: 1px solid #ccc; width: 100%;"></td>
    <!-- 标题文本 -->
    <td style="padding: 0 15px; white-space: nowrap;">
      <a name="finnews"></a>
      Title goes here
    </td>
    <!-- 右侧横线 -->
    <td style="border-bottom: 1px solid #ccc; width: 100%;"></td>
  </tr>
</table>

关键细节说明 #

• 外层表格设为width="100%"，确保横线撑满容器宽度
• 左右两个<td>设置width: 100%，会自动平分标题以外的剩余空间，实现横线随文本长度自适应
• 用border-bottom实现横线，比图片方案更灵活，无需维护图片资源
• 中间标题<td>设置padding: 0 15px控制文本与横线的间距，white-space: nowrap避免标题换行
• 整行设置valign="middle"，保证横线与文本垂直居中对齐，解决你之前遇到的对齐问题

内容的提问来源于stack exchange，提问作者hijimbob