Css 如何显示“&引用；在很长标题的末尾（引导）

我做了一些图像缩略图。我正在使用引导

在每张图片下面我想放一个标题

问题是当标题太大时，它会打断到第二行，使缩略图变得杂乱无章

我想知道是否有办法做到以下规则

如果标题大于图片的宽度，它将显示“…”，当您将鼠标悬停在其上时，它将显示任何标题

item.IMAGE）“alt=“imagem”class=“img responsive”>
@DisplayFor（modeleItem=>item.TITLE）

简而言之，您可以通过使用以下CSS属性获得自动省略号：

white-space:pre;
overflow:hidden;
text-overflow: ellipsis;

---

（这要求您的标题有一个宽度限制，这样它一开始就不会比您的图像宽。）

您可以使用伪元素

：after

.yourElement:after {
    content: "...";
    display: inline-block;
}

---

作品IE7+

它工作得很好。我怎样才能把鼠标通过它并显示所有的标题？它是CSS还是必须使用JavaScript？@ USE3517631：我会考虑把它作为标题属性放在<代码> IMGTAG（除非该代码> ALT在你的应用程序中更具描述性）.您仍然可以为

p:hover

设置一个规则，但我不清楚什么是显示所有内容的有用方式--将标题

p

设置得更高？