如何在特定宽度后替换冗长句子中的字母

Question

我正在开发一个wordpress网站。检查here，在页脚区域中，我列出了最新帖子。但是对于帖子有很长的帖子标题，它以2行显示，我想只在一行显示一个帖子的帖子标题，并希望在最后实现一些点.....我怎样才能做到这一点 ？

Answer 1

来自http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Answer 2

如果要将文本限制为单行，可以使用CSS3轻松完成此操作。您需要一个块级元素（在您的情况下，这将是<li>标记），使用width设置您希望文本占用的最大宽度，然后设置overflow，{ {1}}和white-space属性：

text-overflow

如果您需要多行文本，遗憾的是CSS没有相应的机制。我亲自使用jquery dotdotdot没有问题。