CSS Width Property Not Getting Set
我会尽力解释自己,因为我真的不想复制所有代码(有很多)。
我有一个从 AngularJS 绑定中获取文本的跨度(对这个问题并不重要),我正在为这个跨度设置四个样式参数:
- 宽度:100px
- 空白:nowrap;
- 溢出:隐藏;
- 文本溢出:省略号;
我根据以下 W3Schools 页面执行此操作:http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow
我希望将文本裁剪为 100 像素,并在其末尾添加省略号。
这是出错的屏幕截图:
你不能对这样的内联元素应用宽度。
示例:
HTML
1 2 | <span>1</span> <span class="blocked">2</span> |
CSS
1 2 3 4 5 6 7 8 9 10 | span { border: 1px solid red; width: 300px; } span.blocked { display: block; } |
JSFiddle
http://jsfiddle.net/sygap/