Html 多行上的流体文本带有文本溢出省略号

我正在尝试用文本省略号构建一个流畅的内容宽度。。我发现这个问题：

我的要求几乎相同，但：

.container

具有固定的已知宽度320px

.extra text

（.badge在前面的问题中）可以是任意宽度，但不应超过60px

.content

和

必须将额外文本

包装为一个段落，且不能超过两行，最大高度为44px。如果

.content

有大量文本，则额外文本将位于第二行末尾

.content

可以是一个单词或长文本，如果是长文本，则将在

.container

中包含省略号

浏览器支持：IE9

.container{
宽度：320px；
最大高度：44px；
位置：相对位置；
背景：#E2；
文本对齐：居中；
}
/**演示*/
.容器+.容器{
页边顶部：1rem；
}

标题
额外文本
另一个较长的标题
额外文本

可能重复：@Michael_B不完全正确，因为它无法解决我在基于您的项目（3）的额外内容方面遇到的问题，因此您似乎要求在多行文本中使用省略号。正确吗？是的，我需要在可能的多行文本上应用省略号，但我需要在行的末尾显示一个额外的文本，作为内联元素，在省略号之后，在同一个父容器内，使用标准CSS省略号，使用

text overflow

属性，

空白：nowrap

是必需的。因此，省略号只能用于一行文本。这就是我让你去另一个帖子的原因。它有多行文字省略号的解决方案。可能重复：@Michael_B不完全正确，因为它无法解决我在基于您的项目（3）的额外内容方面遇到的问题，因此您似乎在多行文字上要求省略号。正确吗？是的，我需要在可能的多行文本上应用省略号，但我需要在行的末尾显示一个额外的文本，作为内联元素，在省略号之后，在同一个父容器内，使用标准CSS省略号，使用

text overflow

属性，

空白：nowrap

是必需的。因此，省略号只能用于一行文本。这就是我让你去另一个帖子的原因。它有多行文字省略号的解决方案选项。