<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