有限长度空间内文本长度超出后通过css实现截取并显示省略号的方法

实现方法：

html:
<div class="outer2">
<div class="outer">
<span class="inner">朗御2单元29F弱电井F-RRU637677_05</span>
</div>
</div>
css:
.outer{
max-width: 100px;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis; /* 如果超过字段需要显示为... */
}
.inner{
max-width: 400px;
}

max-width内外元素都要设置，为的是实现元素的溢出效果；

overflow-x: hidden; 溢出

white-space: nowrap; 内容不换行

text-overflow: ellipsis; 超过字段显示省略号

以上三个样式设置是为了实现上图所示的效果，三者必须同时使用。

注意：此方式只是用于一个层级嵌套的元素，如果设置在类outer2，

则不会出现这个效果，注意这个坑。