HTML如何实现文本显示不下时自动添加省略号

/*文字自动变省略号步骤1 :宽度*/
width: 34vw;
/*文字自动变省略号步骤2 :不允许文字(在空白处)折行*/
white-space: nowrap; /*wrap :换行*/
/*文字自动变省略号步骤3 :溢出的文本- -律隐藏 */
overflow: hidden;
/*文字自动变省略号步骤4 :如果发生文本溢出,则使用省略号代替*/
text-overflow: ellipsis;