如何使text-overflow:elipsis起作用？

想要使用css属性text-overflow:elipsis起到作用，样式必须跟overflow:hidden; white-space:nowrap;width:150px;一起使用

1、text-overflow语法：

text-overflow : clip | ellipsis

2、text-overflow参数说明：

clip: 不显示省略标记（...），而是简单的裁切

elipsis: 当对象内文本溢出时显示省略标记（...）

3、简单使用：

            
                                 
     
            
      
第一标题：奇艺之旅
            
      
第二标题：萨迪斯的项圈的奇闻异事
            
      
第三标题：杜斯的奇妙之旅。测试数据。测试数据 
        
     
    

4、演示效果：