0

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

我正在使用 Inky 模板语言，但我是否会接受纯基于 HTML 的解决方案？

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

在此处输入图像描述

目标是尽可能模仿我网站上的行为的东西在此处输入图像描述（我绝对不需要省略号...，只需隐藏超过 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>

inky<->html 翻译后的完整渲染代码可在此处获得

4

1 回答 1

1

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

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

于 2018-01-04T17:41:48.223 回答