我正在尝试使用angularJS构建动态内容卡。
该卡片具有固定的高度和宽度，并且包含4个可选部件，这些部件一个接一个地出现（图像，标题，标签列表，内容）。 所有部件都是可选的，并且优先顺序，意思是：
1 即可。如果有图像 - 它将占用固定的高度。
2 即可。如果有一个标题 - 它会占用一个动态高度：它在卡片中需要的整个空间，为一行标签和一行内容留出空间。
我尝试了几种方法，包括使用overflow:hidden，text-overflow: ellipsis;，但似乎没有任何效果，我甚至尝试在角度材质中使用md-card元素，但它不提供任何动态文本省略号。
这是基本的DOM结构：
<div class="card">
<div class="image"><img ng-src={{ vm.image }}></div>
<div class="header">{{ vm.header }}</div>
<div class="tags">{{ vm.tagsList }}</div>
<div class="content">{{ vm.content }}</div>
</div>
诀窍是根据我上面提到的2个规则，使部件动态占用他们需要的空间。在没有运气的情况下过了2天之后，任何帮助都会受到赞赏......
提前致谢！