長帖子標題

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