电子邮件 - td

时间:2018-01-03 15:45:00

标签: css zurb-foundation html-email inky

如何确保我的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>

完整呈现的代码经过墨水&lt; - &gt; html翻译后可用here

1 个答案:

答案 0 :(得分:1)

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

但是Outlook不支持溢出,所以这不会有帮助。