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

问题描述 投票:0回答:1

我怎样才能确保我的td不会垂直拉伸以适合内容,而是覆盖到最大高度并隐藏溢出的文本?

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

我的目标是确保用户内容保持在为其保留的区域内。在下图中,您可以看到描述部分垂直拉伸太多的示例

enter image description here

目标是模仿尽可能接近我的网站enter image description here上的行为(我不需要与...省略,只是隐藏超过60px高度的溢出就足够了)

我当前的Inky代码与此部分相关,content是图像下方的底部

<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>

在墨水< - > html翻译之后的完整渲染代码可用here

css zurb-foundation html-email inky
1个回答
1
投票

我能看到这样做的唯一方法是修复高度并将overflow:hidden添加到p标签。

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

© www.soinside.com 2019 - 2024. All rights reserved.