html - 如何定位电子邮件客户端 (Microsoft Outlook) 中的特定链接?
问题描述
我正在尝试为某些电子邮件链接添加分词符,但不想将样式应用于所有内容。
如果我应用以下 CSS,所有内容(包括链接)都会中断到以下行:
html, body, table {
word-break: break-all !important;
}
这导致:https ://gyazo.com/60e081771f7de04402da60dcad63ea6e
但是,当我尝试使用以下 css 仅将换行符应用于特定元素时,换行符不起作用:
table tr td span.word-break * {
word-break: break-all !important;
}
这个css导致:https ://gyazo.com/23f0a413e21b668bc713dbb7a5af90ff
我使用的 HTML 是:
<span class='word-break'><a href='www.google.com'>long_link_000000000000000000000</a></span>
<span class='word-break'>test.email@evenlongertest.com</span>
我尝试了多种 CSS 变体,但似乎无法将样式专门应用于链接。如果我将颜色更改为红色来测试选择,它在浏览器中有效,但在电子邮件客户端中无效。
解决方案
解决方案
<td>
由于某种原因,规则(断词)仅在应用于父元素时才生效。
当我使用以下(丑陋)时,它起作用了:
HTML:
<table class='word-break'><tr><td><a href='mailto:test.email@evenlongertest.com'>test.email@evenlongertest.com</a></td></tr></table>
CSS:
table.word-break tr td {
word-break: break-all;
border: none;
}
推荐阅读
- html - 链接悬停动画问题(骑士动画)
- node.js - 是否存在任何与 GitHub API v4 一起使用的 nodejs 库?
- css - 如何使用网格模板区域修复 CSS 网格区域?
- scala - Spark如何在写入时/写入后指定DataFrame的结果文件数
- azure - 如何从 Azure 数据湖分析文件中的 dat 文件中获取列数
- java - 检查 HBase 表中是否存在值
- angular - 注入服务以填充 environment.ts 文件中的值
- selenium - 从 VSTS 托管代理运行 Selenium 测试
- django - {% block something %} 尽管在 if 语句中为 False,但始终显示
- java - 将可变参数转发到 Java 中的其他函数,如 C++