长帖子标题

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