javascript - 如何创建缩短文本？

Question

我有这样的 HTML:

<div class="box">
   <a href="#">Stackoverflow is very useful site and I love it</a>
</div>

和 CSS 一样:

.box {
    width:230px;
    height:50px;
    line-height:50px;
    background:#eee;
}

.box a {
    color:#000;
}

我想创建链接的短文本。如果它本身溢出了box类，那么就按“...”取。我如何使用 css 或 jquery 做到这一点？

检查 jsfiddle here

Answer 1

将以下样式添加到 .box:

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

工作样本:http://jsfiddle.net/qLzK7/