长帖题目

Question

我参与了这个项目http://www.paulund.co.uk/create-polaroid-image-with-css 除了长帖（wordpress）之外，一切都很好。 原始代码：

.polaroid-images a:after {
    color: #333;
    font-size: 20px;
    content: attr(title);
    position: relative;
    top:15px;
}

我添加了这个：

white-space: nowrap;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;

但是文本溢出：省略号;不行......有可能这样做吗？欢迎任何帮助。

Answer 1

添加display: block应该可以解决此问题。

.polaroid-images a:after {
    color: #333;
    content: attr(title);
    display: block;
    font-size: 20px;
    max-width: 200px;
    overflow: hidden;
    position: relative;
        top: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Fiddle