HTML/CSS 省略号 (...) 不工作

Question

我正在尝试让省略号在我的网站上工作。这是以下 HTML/CSS 代码，但似乎无法正常工作。

CSS:

.oneline {
text-overflow:ellipsis;
white-space: nowrap;
width: 50px;
overflow: hidden;
}

HTML:

<div class="oneline">Testing 123 Testing 456 Testing 789</div>

Answer 1

基于 initial post ，我们都假设显而易见，但以防万一......;)

<style type="text/css">
    .oneline {
        text-overflow : ellipsis;
        white-space   : nowrap;
        width         : 50px;
        overflow      : hidden;
    }
</style>
<div class="oneline">Testing 123 Testing 456 Testing 789</div>

http://jsfiddle.net/NawcT/

编辑:解决方案是设置段落与 div 的样式。