Skip to main content

word-break in Apple Mail iOS

PartialWebKit · mobile

Fix & Workaround

Wrap long text in a <table><td> to force wrapping in clients that don't support word-break.

Before

<span style="word-break: break-all;">
  https://example.com/very/long/url?token=abc123def456
</span>

After

<!-- Table cells force text wrapping in all clients including Outlook -->
<table role="presentation" width="100%" cellpadding="0"
  cellspacing="0" border="0">
  <tr>
    <td style="word-break: break-all; overflow-wrap: break-word;
               word-wrap: break-word;">
      https://example.com/very/long/url?token=abc123def456
    </td>
  </tr>
</table>

Wrap long text in a table cell to force line breaks without word-break

Other Clients

ClientSupport
GmailSupported
Gmail AndroidPartial
Gmail iOSPartial
Outlook 365Partial
Outlook (New)Supported
Outlook ClassicUnsupported
Outlook iOSPartial
Outlook AndroidPartial
Apple MailPartial
Yahoo MailUnsupported
Samsung MailPartial
ThunderbirdSupported
HEY MailPartial
SuperhumanSupported

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free