CSS Width属性未设置

Question

我会尽力解释自己，因为我真的不想复制所有代码（有很多）。 我有一个跨越AngularJS绑定的文本（对这个问题不重要），我在这个范围内设置了四个样式参数：

• 宽度：100px
• white-space：nowrap;
• 溢出：隐藏;
• text-overflow：省略号;

我是根据以下W3Schools页面执行此操作的：http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

我想要将文本剪裁为100px并将省略号添加到其末尾。 以下是出现问题的屏幕截图：

Answer 1

您无法将宽度应用于此类内联元素。

示例：

HTML

<span>1</span>
<span class="blocked">2</span>

CSS

span
{
    border: 1px solid red;
    width: 300px;
}

span.blocked
{
    display: block;
}

的jsfiddle

http://jsfiddle.net/sygap/