长帖题目

时间:2014-03-24 20:39:10

标签: css wordpress

我参与了这个项目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;

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

1 个答案:

答案 0 :(得分:2)

添加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