如何确保我的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>
完整呈现的代码经过墨水&lt; - &gt; html翻译后可用here
答案 0 :(得分:1)
我能看到这样做的唯一方法是修正高度并将overflow:hidden
添加到p
标记。
但是Outlook不支持溢出,所以这不会有帮助。