随记，页面文字过长默认以...表示

<p style="width:90px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;"> write test word here ! please long !! </p>

需要补充一下，在某些特定情况下使用

例如

<span>姓名</span><span>用户等级</span>

首先需要把姓名设置为超出...显示

第一步，由于span标签是行内元素，需要穿换成块级   display :  inline-block;

问题：然后用户的等级需要显示在名称后边，如果使用上面的方式，width :  150px;的话，如果姓名很短，就是出现等级图标和姓名离得很远的情况

解决方案：将width 属性名称改为   max-width