HTML将单词限制在一个区域内

我正在创建一个菜单网页，我正在使用行来列出项目，但存在一个问题，即名称太长，并改变了我的框（类缩略图）的大小。以下是一个例子：

puu.sh/iPAuk/655ec1151a.jpg

我想保持所有的框大小一致，即使文本是不同的行。谢谢

代码如下：

---

puu.sh/iPB4F/34a74381be.png

将每个菜单项设置为一个单独的div，然后将所有这些div设置为具有相同的高度。

您可以使用

文本溢出：省略号来切断文本

p {   
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

嘿，pssst，有代码吗？但我们如何复制您的代码？Naptha项目？当我这样做时，如果我将浏览器放大到100%以上，就会使div消失。