Html 当网页缩小时，如何隐藏部分文章标题？

我有一个帖子列表

我想打印一些文字的文章内容与职位的标题

就像GMAIL（旧设计）

将会有一条新的生产线

所以，我想做一些专业的东西，比如Gmail

当你缩小页面时，标题也在缩小，我不是说标题的大小，我是说标题本身会变成这样

//social networks - The ability to easily bookmark or share content 

一些标题被删除了，我不知道他们是怎么做到的，java还是html

我想用这个技巧来拯救我的设计

如果你不理解我

请看这张照片

---

我不知道谷歌是如何做到这一点的，但有很多可能的解决方案。我想到的是：

首先，将标题的高度限制为与

行高度相同的高度，并指定
溢出：隐藏。然后，可以选择使用
替换不希望截断的空格。这样，当调整容器大小时，标题将被包装到另一行，而该行不显示

请参阅演示。
我不知道谷歌是如何做到这一点的，但有很多可能的解决方案。我想到的是：

首先，将标题的高度限制为与
行高度相同的高度，并指定
溢出：隐藏。然后，可以选择使用
替换不希望截断的空格。这样，当调整容器大小时，标题将被包装到另一行，而该行不显示

有关演示，请参阅。
请查看

当文本行太长时，将省略号置于文本行末尾

省略号=
…

示例：
这个虚拟的长文本行非常长，有很多字符…

下面是插件的许多活的例子
 看一看

当文本行太长时，将省略号置于文本行末尾

省略号=
…

示例：
这个虚拟的长文本行非常长，有很多字符…

下面是插件的许多活的例子
 太棒了！这正是我想要的，非常感谢+ 1，也考虑CSS <代码>空白空间< /代码>规则。这里有一个更新。我已经检查过了，但我认为第一个例子是better@AlaaGamal，可以肯定的是，更新jsFiddle是原始的jsFiddle，带有额外的CSS规则，名为
空白
，可以节省您的时间。干杯好极了这正是我想要的，非常感谢+ 1，也考虑CSS <代码>空白空间< /代码>规则。这里有一个更新。我已经检查过了，但我认为第一个例子是better@AlaaGamal，可以肯定的是，更新jsFiddle是原始的jsFiddle，带有额外的CSS规则，名为
空白
，可以节省您的时间。干杯+1这也是一个很好的解决方案，但不幸的是，我没有使用jqueryGlad，您找到了一个适合您特定需求的答案。+1这也是一个很好的解决方案，但不幸的是，我没有使用jqueryGlad，您找到了适合您特定需求的答案。
//social networks - The ability to easily bookmark or share content 
//on popular social media platforms

//social networks - The ability to easily bookmark or share content