Css 电子邮件-td中隐藏的垂直溢出

我如何确保我的td不会垂直拉伸以适应内容，而是将上限设置为最大高度并隐藏溢出的文本

我使用的是Inky模板语言，但我会接受一个纯基于HTML的解决方案吗

我的目标是确保用户内容被限制在为其保留的区域内。在下图中，您可以看到一个示例，说明部分垂直拉伸过多

目标是尽可能模仿我网站上的行为的东西，我绝对不需要省略号…，只需隐藏超过60px的溢出高度就足够了

我当前的Inky代码与此部分相关，内容是图像下的底部部分

<row>
    <columns class="content">
        <row height="60" valign="middle">
            <columns class="position-column" valign="middle" height="60">
                <center>
                    <p class="position text-center" style="margin-bottom: 0;">
                        <%= model.job_description %>
                    </p>
                </center>
            </columns>
        </row>

---

inkyhtml翻译后的完整渲染代码可用

我能看到的唯一方法是固定高度并在p标记中添加overflow:hidden

---

但是，Outlook不支持溢出，因此这在这里没有帮助。

嘿，谢谢，我实际上在td/tr div上使用了一个height=30的组合来自动居中，并按照您的建议将溢出隐藏在p标记上。这实际上在某种程度上适用于大多数客户机，除了一些完全忽略溢出的客户机，而且Outlook显然是这样。但显然，从最新的Outlook使用统计数据来看，我们一致认为，在找到更好的/防弹的解决方案之前，这种折衷方案就足够了。