Css word包装和打破我的网格的解决方案

我正在尝试做一个类似YouTube视频网格的设置

问题在于标题。我看到youtube用“…”缩短了标题，不再是两行

我不知道如何做到这一点，所以我的工作与我有什么可用的

下面是一幅视频网格的图像，带有占位符标题，它看起来和工作正常：

---

然后，当我将实际标题应用到视频网格时，它们太长，会破坏网格。

---

然后我尝试使用不同的CSS来折叠或打断单词appart，例如：

wordwrap

和

white space

。由于某种原因，所有可用参数都不起作用。因此，我尝试对其应用

宽度
，努力将单词“挤压”在一起。这是可行的，但它确实打破了网格


我还有别的办法吗？
这是一个网站，如果你想玩的话，你可以试试看：
你也可以设置一个最小高度，让所有人都保留2行或2行的空间（间隙）。。。
给你的标题容器指定一个特定的宽度，这样你的标题就会环绕它

为了获得更好的帮助，请显示单个视频容器的html结构，并提供您正在使用的css。通过这种方式，我们可以为您提供更具体的解决方案
如果您愿意使用JS作为解决方案，那么就使用jquery。这是解决这个问题的正确途径

您需要固定每个块的宽度，然后使用插件

@Haso Keric建议使用equalheights插件，但它会在所有块下留下不必要的间隙。
技术/可访问性原因阻止您使用表格？表格在这里实际上可以很好地工作。我只是习惯了无桌设计。我将考虑它。在这里，均衡器插件将创建不必要的填充，即使它们在不同的行上。$（函数）{$（'.CODMILL视频列表））。这似乎是对的，我也将脚本文件与我自己的文件组合在一起；我在底部包括了这个网页，这对于图片网格来说非常有用，但是对于视频网格来说就不太好了。谢谢